chore(release): wxt v0.20.11

Co-authored-by: Aaron <aaronklinker1@gmail.com>

docs/guide/essentials/unit-testing.md

@@ -9,7 +9,7 @@ WXT provides first class support for Vitest for unit testing:
 ```ts
 // vitest.config.ts
 import { defineConfig } from 'vitest/config';
-import { WxtVitest } from 'wxt/testing';
+import { WxtVitest } from 'wxt/testing/vitest-plugin';
 
 export default defineConfig({
   plugins: [WxtVitest()],
@@ -36,7 +36,7 @@ This example demonstrates that you don't have to mock `browser.storage` (used by
 
 ```ts
 import { describe, it, expect } from 'vitest';
-import { fakeBrowser } from 'wxt/testing';
+import { fakeBrowser } from 'wxt/testing/fake-browser';
 
 const accountStorage = storage.defineItem<Account>('local:account');
 

packages/wxt/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## v0.20.11
+
+[compare changes](https://github.com/wxt-dev/wxt/compare/wxt-v0.20.10...wxt-v0.20.11)
+
+### 🩹 Fixes
+
+- Split `wxt/testing` into separate modules to fix issues with `jsdom` and `happy-dom` ([#1844](https://github.com/wxt-dev/wxt/pull/1844))
+- `input_components` is supported by mv3 ([#1881](https://github.com/wxt-dev/wxt/pull/1881))
+
+### 🏡 Chore
+
+- **deps:** Upgrade project subdependencies ([#1882](https://github.com/wxt-dev/wxt/pull/1882))
+
+### ❤️ Contributors
+
+- Aaron ([@aklinker1](https://github.com/aklinker1))
+- Qijia Liu <liumeo@pku.edu.cn>
+- Marcellino Ornelas ([@marcellino-ornelas](https://github.com/marcellino-ornelas))
+
 ## v0.20.10
 
 [compare changes](https://github.com/wxt-dev/wxt/compare/wxt-v0.20.9...wxt-v0.20.10)

packages/wxt/e2e/tests/output-structure.test.ts

@@ -345,7 +345,6 @@ describe('Output Directory Structure', () => {
       .toMatchInlineSnapshot(`
         ".output/chrome-mv3/background.js
         ----------------------------------------
-        var _a, _b;
         import { l as logHello, i as initPlugins } from "./chunks/_virtual_wxt-plugins-OjKtWpmY.js";
         function defineBackground(arg) {
           if (arg == null || typeof arg === "function") return { main: arg };
@@ -357,7 +356,7 @@ describe('Output Directory Structure', () => {
             logHello("background");
           }
         });
-        ((_b = (_a = globalThis.browser) == null ? void 0 : _a.runtime) == null ? void 0 : _b.id) ? globalThis.browser : globalThis.chrome;
+        globalThis.browser?.runtime?.id ? globalThis.browser : globalThis.chrome;
         function print(method, ...args) {
           return;
         }
@@ -423,9 +422,8 @@ describe('Output Directory Structure', () => {
       .toMatchInlineSnapshot(`
         ".output/chrome-mv3/background.js
         ----------------------------------------
-        var background = function() {
+        var background = (function() {
           "use strict";
-          var _a, _b;
           function defineBackground(arg) {
             if (arg == null || typeof arg === "function") return { main: arg };
             return arg;
@@ -440,7 +438,7 @@ describe('Output Directory Structure', () => {
           });
           function initPlugins() {
           }
-          ((_b = (_a = globalThis.browser) == null ? void 0 : _a.runtime) == null ? void 0 : _b.id) ? globalThis.browser : globalThis.chrome;
+          globalThis.browser?.runtime?.id ? globalThis.browser : globalThis.chrome;
           function print(method, ...args) {
             return;
           }
@@ -465,7 +463,7 @@ describe('Output Directory Structure', () => {
           }
           const result$1 = result;
           return result$1;
-        }();
+        })();
         "
       `);
   });

packages/wxt/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wxt",
   "type": "module",
-  "version": "0.20.10",
+  "version": "0.20.11",
   "description": "⚡ Next-gen Web Extension Framework",
   "license": "MIT",
   "scripts": {
@@ -179,6 +179,14 @@
       "types": "./dist/browser.d.ts",
       "default": "./dist/browser.mjs"
     },
+    "./testing/fake-browser": {
+      "types": "./dist/testing/fake-browser.d.ts",
+      "default": "./dist/testing/fake-browser.mjs"
+    },
+    "./testing/vitest-plugin": {
+      "types": "./dist/testing/wxt-vitest-plugin.d.ts",
+      "default": "./dist/testing/wxt-vitest-plugin.mjs"
+    },
     "./testing": {
       "types": "./dist/testing/index.d.ts",
       "default": "./dist/testing/index.mjs"

packages/wxt/src/core/builders/vite/plugins/extensionApiMock.ts

@@ -43,7 +43,7 @@ export function extensionApiMock(config: ResolvedConfig): vite.PluginOption {
 
 const setupTemplate = `
   import { vi } from 'vitest';
-  import { fakeBrowser } from 'wxt/testing';
+  import { fakeBrowser } from 'wxt/testing/fake-browser';
 
   vi.stubGlobal("chrome", fakeBrowser);
   vi.stubGlobal("browser", fakeBrowser);

packages/wxt/src/core/utils/__tests__/manifest.test.ts

@@ -1351,7 +1351,6 @@ describe('Manifest Utils', () => {
         event_rules: {},
         file_browser_handlers: {},
         file_system_provider_capabilities: {},
-        input_components: {},
         nacl_modules: {},
         natively_connectable: {},
         offline_enabled: {},

packages/wxt/src/core/utils/manifest.ts

@@ -716,7 +716,6 @@ const mv2OnlyKeys = [
   'event_rules',
   'file_browser_handlers',
   'file_system_provider_capabilities',
-  'input_components',
   'nacl_modules',
   'natively_connectable',
   'offline_enabled',

packages/wxt/src/testing/fake-browser.ts

@@ -1 +1,11 @@
+/**
+ * The fake browser is automatically used as a mock for the `wxt/browser` import
+ * when using `wxt/testing/vitest-plugin` with Vitest. It is also setup to
+ * reset all state before each test.
+ *
+ * This module is just a re-export of [@webext-core/fake-browser](https://webext-core.aklinker1.io/fake-browser/triggering-events).
+ *
+ * @module wxt/testing/fake-browser
+ */
+
 export { fakeBrowser, type FakeBrowser } from '@webext-core/fake-browser';

packages/wxt/src/testing/index.ts

@@ -1,5 +1,9 @@
 /**
  * Utilities for unit testing WXT extensions.
+ *
+ * @deprecated Use `wxt/testing/*` instead to prevent issues with JSDOM or
+ * HappyDOM environments. Will be removed in the next major version of WXT.
+ *
  * @module wxt/testing
  */
 export * from './fake-browser';

packages/wxt/src/testing/wxt-vitest-plugin.ts

@@ -1,3 +1,10 @@
+/**
+ * Contains a Vitest plugin that configures your test environment to work with
+ * WXT projects.
+ *
+ * @module wxt/testing/vitest
+ */
+
 import type * as vite from 'vite';
 import {
   download,
@@ -16,7 +23,7 @@ import { registerWxt, wxt } from '../core/wxt';
  * ```ts
  * // vitest.config.ts
  * import { defineConfig } from 'vitest/config';
- * import { WxtVitest } from 'wxt/testing';
+ * import { WxtVitest } from 'wxt/testing/vitest-plugin';
  *
  * export default defineConfig({
  *   plugins: [WxtVitest()],

packages/wxt/typedoc.json

@@ -17,6 +17,8 @@
     "src/utils/split-shadow-root-css.ts",
     "src/utils/storage.ts",
     "src/testing/index.ts",
+    "src/testing/fake-browser.ts",
+    "src/testing/wxt-vitest-plugin.ts",
     "src/modules.ts"
   ]
 }