diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/add_source.test.tsx b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/add_source.test.tsx
index c3c0938445f947..0501509b3a8ef7 100644
--- a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/add_source.test.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/add_source.test.tsx
@@ -87,6 +87,13 @@ describe('AddSourceList', () => {
});
});
+ it('renders a breadcrumb fallback while data is loading', () => {
+ setMockValues({ ...mockValues, dataLoading: true, sourceConfigData: {} });
+ const wrapper = shallow();
+
+ expect(wrapper.prop('pageChrome')).toEqual(['Sources', 'Add Source', '...']);
+ });
+
it('renders Config Completed step', () => {
setMockValues({
...mockValues,
diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/add_source.tsx b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/add_source.tsx
index fe8fd08cb7ded7..b0c3ebe64830cb 100644
--- a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/add_source.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/add_source/add_source.tsx
@@ -103,7 +103,7 @@ export const AddSource: React.FC = (props) => {
const Layout = isOrganization ? WorkplaceSearchPageTemplate : PersonalDashboardLayout;
return (
-
+
{addSourceCurrentStep === AddSourceSteps.ConfigIntroStep && (
)}
diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/settings/components/source_config.test.tsx b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/settings/components/source_config.test.tsx
index b32e3af0218273..35619d2b2d560d 100644
--- a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/settings/components/source_config.test.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/settings/components/source_config.test.tsx
@@ -40,6 +40,13 @@ describe('SourceConfig', () => {
expect(wrapper.find(EuiConfirmModal)).toHaveLength(1);
});
+ it('renders a breadcrumb fallback while data is loading', () => {
+ setMockValues({ dataLoading: true, sourceConfigData: {} });
+ const wrapper = shallow();
+
+ expect(wrapper.prop('pageChrome')).toEqual(['Settings', 'Content source connectors', '...']);
+ });
+
it('handles delete click', () => {
const wrapper = shallow();
const saveConfig = wrapper.find(SaveConfig);
diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/settings/components/source_config.tsx b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/settings/components/source_config.tsx
index f1dfda78ee13ff..c2a0b60e1eca3d 100644
--- a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/settings/components/source_config.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/settings/components/source_config.tsx
@@ -47,7 +47,7 @@ export const SourceConfig: React.FC = ({ sourceIndex }) => {
return (