Progress...

Author: nedtwigg

browser-extension/tests/lib/enhancers/github.test.ts

@@ -1,27 +1,10 @@
-import { vi } from 'vitest'
+import { setupCommonMocks } from '../../mock-setup'
+
+setupCommonMocks()
+
 import { EnhancerRegistry } from '../../../src/lib/registries'
 import { describe, expect, usingHar } from '../../test-fixtures'
 
-vi.stubGlobal('defineContentScript', vi.fn())
-vi.mock('../../../src/overtype/overtype', () => {
-  const mockConstructor = vi.fn().mockImplementation(() => [
-    {
-      container: document.createElement('div'),
-      destroy: vi.fn(),
-      focus: vi.fn(),
-      getValue: vi.fn(() => ''),
-      preview: document.createElement('div'),
-      setValue: vi.fn(),
-      textarea: document.createElement('textarea'),
-      wrapper: document.createElement('div'),
-    },
-  ])
-  ;(mockConstructor as any).setCodeHighlighter = vi.fn()
-  return {
-    default: mockConstructor,
-  }
-})
-
 describe('github', () => {
   usingHar('gh_pr').it('should identify gh_pr textarea and create proper spot object', async () => {
     const enhancers = new EnhancerRegistry()

browser-extension/tests/mock-setup.ts

@@ -0,0 +1,42 @@
+import { vi } from 'vitest'
+
+/**
+ * Sets up common mocks that are needed by most DOM-based tests.
+ *
+ * This function should be called at the top level of test files to ensure
+ * proper hoisting of vi.mock calls.
+ *
+ * Example usage:
+ * ```typescript
+ * import { vi } from 'vitest'
+ * import { setupCommonMocks } from '../mock-setup'
+ *
+ * setupCommonMocks()
+ *
+ * // ... rest of your test imports and code
+ * ```
+ */
+export function setupCommonMocks() {
+  // Mock the webextension defineContentScript global
+  vi.stubGlobal('defineContentScript', vi.fn())
+
+  // Mock the OverType editor component
+  vi.mock('../src/overtype/overtype', () => {
+    const mockConstructor = vi.fn().mockImplementation(() => [
+      {
+        container: document.createElement('div'),
+        destroy: vi.fn(),
+        focus: vi.fn(),
+        getValue: vi.fn(() => ''),
+        preview: document.createElement('div'),
+        setValue: vi.fn(),
+        textarea: document.createElement('textarea'),
+        wrapper: document.createElement('div'),
+      },
+    ])
+    ;(mockConstructor as any).setCodeHighlighter = vi.fn()
+    return {
+      default: mockConstructor,
+    }
+  })
+}