add unit tests

Signed-off-by: abbyhu2000 <[email protected]>

Author: abbyhu2000

src/plugins/home/public/application/components/homepage/__snapshots__/section.test.tsx.snap

@@ -0,0 +1,139 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { EuiButtonIcon, EuiLink } from '@elastic/eui';
+import { mount } from 'enzyme';
+import { Homepage } from './homepage';
+import {
+  HomeOpenSearchDashboardsServices,
+  setServices,
+} from '../../opensearch_dashboards_services';
+import { createHomeServicesMock } from '../../../mocks';
+import { SectionTypeService } from '../../../services';
+import { BehaviorSubject } from 'rxjs';
+import { HeroSection, Section } from '../../../services/section_type/section_type';
+import { OpenSearchDashboardsContextProvider } from 'src/plugins/opensearch_dashboards_react/public';
+import { mountWithIntl } from 'test_utils/enzyme_helpers';
+import { act } from 'react-dom/test-utils';
+import { Welcome } from '../welcome';
+
+let services: HomeOpenSearchDashboardsServices;
+const mockErrors = new BehaviorSubject<unknown | undefined>(undefined);
+let mockHeros: any;
+let mockSections: any;
+
+// Mock implementation of the SectionTypeService class
+jest.mock('../../../services', () => {
+  return {
+    SectionTypeService: jest.fn().mockImplementation(() => ({
+      setup: jest.fn().mockReturnValue({
+        registerHeroSection: jest.fn(),
+        registerSection: jest.fn(),
+      }),
+      start: jest.fn(),
+      getHomepage: () => {
+        return {
+          heroes$: mockHeros,
+          sections$: mockSections,
+          error$: mockErrors,
+          saveHomepage: jest.fn(),
+          fetchHomepageData: jest.fn(),
+          getHeroSectionTypes: jest.fn(),
+          getSectionTypes: jest.fn(),
+          getSavedHomepageLoader: jest.fn(),
+          cleanup: jest.fn(),
+        };
+      },
+    })),
+  };
+});
+
+describe('Home page', () => {
+  beforeAll(() => {
+    services = createHomeServicesMock();
+  });
+
+  it('renders the loading spinner if home page is still being loaded', async () => {
+    mockSections = new BehaviorSubject<Section[] | undefined>(undefined);
+    mockHeros = new BehaviorSubject<HeroSection[] | undefined>(undefined);
+    const sectionTypes = new SectionTypeService();
+
+    setServices({
+      ...services,
+      homeConfig: {
+        disableWelcomeScreen: true,
+        disableNewThemeModal: true,
+      },
+      sectionTypes,
+    });
+
+    await act(async () => {
+      const component = mountWithIntl(
+        <OpenSearchDashboardsContextProvider services={services}>
+          <Homepage />
+        </OpenSearchDashboardsContextProvider>
+      );
+      expect(component.find('[data-test-subj="loading"]')).toBeTruthy();
+    });
+  });
+
+  it('renders the welcome modal if enabled', async () => {
+    mockSections = new BehaviorSubject<Section[] | undefined>([]);
+    mockHeros = new BehaviorSubject<HeroSection[] | undefined>([]);
+    const sectionTypes = new SectionTypeService();
+
+    setServices({
+      ...services,
+      homeConfig: {
+        disableWelcomeScreen: false,
+        disableNewThemeModal: true,
+      },
+      sectionTypes,
+    });
+
+    await act(async () => {
+      const component = mountWithIntl(
+        <OpenSearchDashboardsContextProvider services={services}>
+          <Homepage />
+        </OpenSearchDashboardsContextProvider>
+      );
+      expect(component.find('[data-test-subj="welcome"]')).toBeTruthy();
+    });
+  });
+
+  it('renders home page content sections', async () => {
+    const sectionTypes = new SectionTypeService();
+    const sectionMock = {
+      id: 'id',
+      title: 'title',
+      render: jest.fn(),
+    };
+    const heroMock = {
+      id: 'id',
+      render: jest.fn(),
+    };
+    sectionTypes.getHomepage().sections$ = new BehaviorSubject<Section[] | undefined>([
+      sectionMock,
+    ]);
+    sectionTypes.getHomepage().heroes$ = new BehaviorSubject<HeroSection[] | undefined>([heroMock]);
+    setServices({
+      ...services,
+      homeConfig: {
+        disableWelcomeScreen: true,
+        disableNewThemeModal: true,
+      },
+      sectionTypes,
+    });
+    await act(async () => {
+      const component = mountWithIntl(
+        <OpenSearchDashboardsContextProvider services={services}>
+          <Homepage />
+        </OpenSearchDashboardsContextProvider>
+      );
+      expect(component.find('[data-test-subj="loading"]')).toBeTruthy();
+    });
+  });
+});

src/plugins/home/public/application/components/homepage/homepage.test.tsx

@@ -170,6 +170,7 @@ const Content = () => {
               defaultMessage: 'Loading homepage',
             })}
             size="xl"
+            data-test-subj="loading"
           />
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
@@ -187,6 +188,7 @@ const Content = () => {
         telemetry={telemetry}
         branding={getBranding()}
         logos={logos}
+        data-test-subj="welcome"
       />
     );
   }