test: update test coverage

src/editors/EditorContainer.tsx

@@ -21,7 +21,7 @@ const EditorContainer: React.FC<Props> = ({
 }) => {
   const { blockType, blockId } = useParams();
   if (blockType === undefined || blockId === undefined) {
-    // This shouldn't be possible; it's just here to satisfy the type checker.
+    // istanbul ignore next - This shouldn't be possible; it's just here to satisfy the type checker.
     return <div>Error: missing URL parameters</div>;
   }
   return (

src/library-authoring/LibraryAuthoringPage.tsx

@@ -120,6 +120,7 @@ const LibraryAuthoringPage = () => {
 
   const { libraryId } = useParams();
   if (!libraryId) {
+    // istanbul ignore next - This shouldn't be possible; it's just here to satisfy the type checker.
     throw new Error('Rendered without libraryId URL parameter');
   }
   const { data: libraryData, isLoading } = useContentLibrary(libraryId);

src/library-authoring/LibraryLayout.tsx

@@ -18,7 +18,8 @@ const LibraryLayout = () => {
   const queryClient = useQueryClient();
 
   if (libraryId === undefined) {
-    throw new Error('Error: route is missing libraryId.'); // Should never happen
+    // istanbul ignore next - This shouldn't be possible; it's just here to satisfy the type checker.
+    throw new Error('Error: route is missing libraryId.');
   }
 
   const navigate = useNavigate();

src/library-authoring/add-content/AddContentWorkflow.test.tsx

@@ -86,4 +86,21 @@ describe('AddContentWorkflow test', () => {
     fireEvent.click(saveButton);
     expect(saveSpy).toHaveBeenCalledTimes(1);
   });
+
+  it('can create a Problem component', async () => {
+    render(<LibraryLayout />, renderOpts);
+
+    // Click "New [Component]"
+    const newComponentButton = await screen.findByRole('button', { name: /New/ });
+    fireEvent.click(newComponentButton);
+
+    // Pre-condition - this is NOT shown yet:
+    expect(screen.queryByText('Content created successfully.')).not.toBeInTheDocument();
+
+    // Click "Problem" to create a capa problem component
+    fireEvent.click(await screen.findByRole('button', { name: /Problem/ }));
+
+    // We haven't yet implemented the editor, so we expect only a toast to appear
+    expect(screen.findByText('Content created successfully.')).toBeInTheDocument();
+  });
 });

src/library-authoring/component-info/ComponentDeveloperInfo.tsx

@@ -9,6 +9,7 @@ interface Props {
   usageKey: string;
 }
 
+/* istanbul ignore next */
 export const ComponentDeveloperInfo: React.FC<Props> = ({ usageKey }) => {
   const { data: olx, isLoading: isOLXLoading } = useXBlockOLX(usageKey);
   return (

src/library-authoring/data/apiHooks.ts

@@ -242,6 +242,7 @@ export const useUpdateXBlockFields = (usageKey: string) => {
   });
 };
 
+/* istanbul ignore next */ // This is only used in developer builds, and the associated UI doesn't work in test or prod
 export const useXBlockOLX = (usageKey: string) => (
   useQuery({
     queryKey: libraryAuthoringQueryKeys.xblockOLX(usageKey),