test: add tests

Author: navinkarkera

src/library-authoring/LibraryContent.test.tsx

@@ -8,11 +8,14 @@ import {
   initializeMocks,
 } from '@src/testUtils';
 
+import MockAdapter from 'axios-mock-adapter/types';
+import { useGetContentHits } from '@src/search-manager';
 import { mockContentLibrary } from './data/api.mocks';
 import mockEmptyResult from '../search-modal/__mocks__/empty-search-result.json';
 import { LibraryProvider } from './common/context/LibraryContext';
 import LibraryContent from './LibraryContent';
 import { libraryComponentsMock } from './__mocks__';
+import { getModulestoreMigratedBlocksInfoUrl } from './data/api';
 
 const searchEndpoint = 'http://mock.meilisearch.local/multi-search';
 
@@ -43,9 +46,10 @@ const returnEmptyResult = (_url: string, req) => {
   return mockEmptyResult;
 };
 
-jest.mock('../search-manager', () => ({
+jest.mock('@src/search-manager', () => ({
   ...jest.requireActual('../search-manager'),
   useSearchContext: () => mockUseSearchContext(),
+  useGetContentHits: jest.fn().mockReturnValue({ isPending: true, data: null }),
 }));
 
 const withLibraryId = (libraryId: string) => ({
@@ -55,10 +59,12 @@ const withLibraryId = (libraryId: string) => ({
     </LibraryProvider>
   ),
 });
+let axiosMock: MockAdapter;
 
 describe('<LibraryHome />', () => {
   beforeEach(() => {
-    const { axiosMock } = initializeMocks();
+    const mocks = initializeMocks();
+    axiosMock = mocks.axiosMock;
 
     fetchMock.post(searchEndpoint, returnEmptyResult, { overwriteRoutes: true });
 
@@ -108,4 +114,48 @@ describe('<LibraryHome />', () => {
     fireEvent.scroll(window, { target: { scrollY: 1000 } });
     expect(mockFetchNextPage).toHaveBeenCalled();
   });
+
+  it('should show placeholderBlocks', async () => {
+    axiosMock.onGet(getModulestoreMigratedBlocksInfoUrl()).reply(200, [
+      {
+        sourceKey: 'block-v1:UNIX+UX2+2025_T2+type@library_content+block@test_lib_content',
+        targetKey: null,
+        unsupportedReason: 'The "library_content" XBlock (ID: "test_lib_content") has children, so it not supported in content libraries. It has 2 children blocks.',
+      },
+      {
+        sourceKey: 'block-v1:UNIX+UX2+2025_T2+type@conditional+block@test_conditional',
+        targetKey: null,
+        unsupportedReason: 'The "conditional" XBlock (ID: "test_conditional") has children, so it not supported in content libraries. It has 2 children blocks.',
+      },
+    ]);
+    (useGetContentHits as jest.Mock).mockReturnValue({
+      isPending: false,
+      data: {
+        hits: [
+          {
+            display_name: 'Randomized Content Block',
+            usage_key: 'block-v1:UNIX+UX2+2025_T2+type@library_content+block@test_lib_content',
+            block_type: 'library_content',
+          },
+          {
+            display_name: 'Conditional',
+            usage_key: 'block-v1:UNIX+UX2+2025_T2+type@conditional+block@test_conditional',
+            block_type: 'conditional',
+          },
+        ],
+        query: '',
+        processingTimeMs: 0,
+        limit: 2,
+        offset: 0,
+        estimatedTotalHits: 2,
+      },
+    });
+    mockUseSearchContext.mockReturnValue({
+      ...data,
+      hits: libraryComponentsMock,
+    });
+    render(<LibraryContent />, withLibraryId(mockContentLibrary.libraryId));
+    expect(await screen.findByText('Randomized Content Block')).toBeInTheDocument();
+    expect(await screen.findByText('Conditional')).toBeInTheDocument();
+  });
 });

src/library-authoring/LibraryContent.tsx

@@ -1,13 +1,13 @@
 import { useEffect } from 'react';
-import { LoadingSpinner } from '../generic/Loading';
-import { useGetContentHits, useSearchContext } from '../search-manager';
+import { LoadingSpinner } from '@src/generic/Loading';
+import { useGetContentHits, useSearchContext } from '@src/search-manager';
+import { useLoadOnScroll } from '@src/hooks';
 import { NoComponents, NoSearchResults } from './EmptyStates';
 import { useLibraryContext } from './common/context/LibraryContext';
 import { useSidebarContext } from './common/context/SidebarContext';
 import CollectionCard from './components/CollectionCard';
 import ComponentCard from './components/ComponentCard';
 import { ContentType, useLibraryRoutes } from './routes';
-import { useLoadOnScroll } from '../hooks';
 import messages from './collections/messages';
 import ContainerCard from './containers/ContainerCard';
 import { useMigrationBlocksInfo } from './data/apiHooks';

src/library-authoring/import-course/PlaceholderCard.tsx

@@ -8,6 +8,7 @@ interface PlaceHolderCardProps {
 
 const PlaceholderCard = ({ blockType, displayName, description }: PlaceHolderCardProps) => {
   const truncatedDescription = description ? `${description.substring(0, 40) }...` : undefined;
+  /* istanbul ignore next */
   return (
     <BaseCard
       itemType={blockType}