fix(tests): mock chrome for vitest tests

Author: dvcol

package.json

@@ -40,8 +40,8 @@
     "build": "cross-env NODE_ENV=production run-s dist type:check 'vite:build {@}' --",
     "build:web": "VITE_WEB=true VITE_BASE=/trakt-extension/ pnpm run build",
     "analyse": "vite-bundle-visualizer",
-    "test:unit": "vitest run --environment jsdom --coverage",
-    "test:watch": "vitest --environment jsdom",
+    "test:unit": "vitest run --coverage",
+    "test:watch": "vitest",
     "typecheck": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
     "lint": "eslint .",
     "lint:fix": "pnpm run lint --fix",

src/settings/traktv.api.ts

@@ -22,7 +22,7 @@ export const Staging = {
 
 const isProd = import.meta.env.PROD;
 
-const client = !isProd ? Production : Staging;
+const client = isProd ? Production : Staging;
 
 const browserRedirect = window.location.href.split('#').at(0) ?? client.RedirectionUrl;
 

src/utils/browser/browser.utils.ts

@@ -10,7 +10,7 @@ const openTab = (options: chrome.tabs.CreateProperties) => window.open(options.u
 /**
  * @see [chrome.tabs.create](https://developer.chrome.com/docs/extensions/reference/tabs/#method-create)
  */
-export const createTab = chrome?.tabs?.create ?? openTab;
+export const createTab = (options: chrome.tabs.CreateProperties) => (chrome?.tabs?.create ?? openTab)(options);
 
 /**
  * The ID of the current extension.

vite.config.ts

@@ -167,6 +167,7 @@ export default defineConfig(() => ({
     coverage: {
       reportsDirectory: '../coverage',
     },
+    setupFiles: ['../vitest.setup.ts'],
   },
   optimizeDeps: {
     exclude: ['path', 'fast-glob'],

vitest.setup.ts

@@ -0,0 +1 @@
+global.chrome = {} as typeof chrome;