fix tests

Author: tsck

packages/code-editor/src/CodeEditor/CodeEditor.spec.tsx

@@ -155,7 +155,18 @@ jest.mock('@codemirror/language', () => {
 
 describe('packages/code-editor', () => {
   test('Renders default value in editor', async () => {
-    const { editor, container } = renderCodeEditor({ defaultValue: 'content' });
+    const { editor, container } = renderCodeEditor({
+      defaultValue: 'content',
+    });
+    await editor.waitForEditorView();
+
+    expect(container).toHaveTextContent('content');
+  });
+
+  test('Renders default value in editor with search disabled', async () => {
+    const { editor, container } = renderCodeEditor({
+      defaultValue: 'content',
+    });
     await editor.waitForEditorView();
 
     expect(container).toHaveTextContent('content');
@@ -827,43 +838,6 @@ describe('packages/code-editor', () => {
       });
     });
 
-    test('Pressing CMD+F brings up the search menu', async () => {
-      const { editor, container } = renderCodeEditor({
-        defaultValue: 'console.log("hello world");\nconsole.log("test");',
-      });
-
-      await editor.waitForEditorView();
-
-      // Focus the editor first
-      const contentElement = editor.getBySelector(CodeEditorSelectors.Content);
-      userEvent.click(contentElement);
-
-      // Verify editor is focused
-      await waitFor(() => {
-        expect(container.querySelector('.cm-focused')).toBeInTheDocument();
-      });
-
-      // Press Ctrl+F to open search (works on most platforms)
-      userEvent.keyboard('{Control>}f{/Control}');
-
-      // Check if the search panel appears
-      await waitFor(() => {
-        // CodeMirror 6 search creates a panel with specific classes
-        const searchPanel = container.querySelector(
-          CodeEditorSelectors.SearchPanel,
-        );
-        expect(searchPanel).toBeInTheDocument();
-      });
-
-      // Verify search input field is present and can be typed in
-      await waitFor(() => {
-        const searchInput = container.querySelector(
-          CodeEditorSelectors.SearchInput,
-        );
-        expect(searchInput).toBeInTheDocument();
-      });
-    });
-
     test('Pressing TAB enters correct tab', async () => {
       const { editor } = renderCodeEditor({
         defaultValue: 'console.log("test");',

packages/code-editor/src/CodeEditor/CodeEditor.tsx

@@ -253,13 +253,7 @@ const BaseCodeEditor = forwardRef<CodeEditorHandle, CodeEditorProps>(
       const searchModule = modules?.['@codemirror/search'];
       const Prec = modules?.['@codemirror/state']?.Prec;
 
-      if (
-        !editorContainerRef?.current ||
-        !EditorView ||
-        !Prec ||
-        !commands ||
-        !searchModule
-      ) {
+      if (!editorContainerRef?.current || !EditorView || !Prec || !commands) {
         return;
       }
 
@@ -275,7 +269,7 @@ const BaseCodeEditor = forwardRef<CodeEditorHandle, CodeEditorProps>(
 
           commands.history(),
 
-          enableSearchPanel
+          enableSearchPanel && searchModule
             ? searchModule.search({
                 createPanel: view => {
                   const dom = document.createElement('div');
@@ -322,7 +316,9 @@ const BaseCodeEditor = forwardRef<CodeEditorHandle, CodeEditorProps>(
               key: 'Shift-Tab',
               run: commands.indentLess,
             },
-            ...(enableSearchPanel ? searchModule.searchKeymap : []),
+            ...(enableSearchPanel && searchModule
+              ? searchModule.searchKeymap
+              : []),
             ...commands.defaultKeymap,
             ...commands.historyKeymap,
           ]),

packages/code-editor/src/CodeEditor/hooks/useModuleLoaders.spec.ts

@@ -29,6 +29,17 @@ describe('useModuleLoaders', () => {
     expect(typeof loaders['@codemirror/commands']).toBe('function');
   });
 
+  test('includes search module when enableSearchPanel is true', () => {
+    const props: CodeEditorProps = {
+      ...baseProps,
+      enableSearchPanel: true,
+    };
+
+    const { result } = renderHook(() => useModuleLoaders(props));
+
+    expect(result.current).toHaveProperty('@codemirror/search');
+  });
+
   test('includes hyperlink module when enableClickableUrls is true', () => {
     const props: CodeEditorProps = {
       ...baseProps,
@@ -95,7 +106,7 @@ describe('useModuleLoaders', () => {
         {
           line: 1,
           column: 1,
-          content: 'Error message',
+          messages: ['Error message'],
           severity: 'error',
           length: 0,
         },
@@ -359,7 +370,7 @@ describe('useModuleLoaders', () => {
         {
           line: 1,
           column: 1,
-          content: 'Error',
+          messages: ['Error'],
           severity: 'error',
           length: 0,
         },

packages/code-editor/src/CodeEditor/hooks/useModuleLoaders.ts

@@ -151,6 +151,7 @@ export const useModuleLoaders = ({
   }, [
     enableClickableUrls,
     enableCodeFolding,
+    enableSearchPanel,
     forceParsing,
     indentUnit,
     tooltips,

packages/code-editor/src/CodeEditor/hooks/useModules.spec.ts

@@ -53,7 +53,6 @@ describe('useModules', () => {
       '@codemirror/view',
       '@codemirror/state',
       '@codemirror/commands',
-      '@codemirror/search',
     ];
 
     expect(Object.keys(result.current.modules).sort()).toEqual(