test: use happy-dom env

launchdarkly · Jul 20, 2022 · f244ce6 · f244ce6
1 parent 0b17691
commit f244ce6
Show file tree

Hide file tree

Showing 6 changed files with 127 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -90,6 +90,7 @@
     "expect-axe-playwright": "^2.2.1",
     "fast-glob": "^3.2.11",
     "framer-motion": "^6.5.1",
+    "happy-dom": "^6.0.4",
     "husky": "^8.0.1",
     "jsdom": "^20.0.0",
     "lint-staged": "^13.0.0",

diff --git a/packages/menu/__tests__/Menu.spec.tsx b/packages/menu/__tests__/Menu.spec.tsx
@@ -6,6 +6,8 @@ import { it, expect, describe, vi } from 'vitest';
 import { render, screen, userEvent, waitFor } from '../../../test/utils';
 import { Menu, MenuDivider, MenuItem, MenuItemLink, MenuSearch } from '../src';
 
+// @vitest-environment jsdom
+
 type TestMenu = {
   hideSearch?: boolean;
 };

diff --git a/packages/tab-list/__tests__/TabList.spec.tsx b/packages/tab-list/__tests__/TabList.spec.tsx
@@ -4,6 +4,8 @@ import { Item } from '@react-stately/collections';
 import { render, screen, userEvent } from '../../../test/utils';
 import { TabList } from '../src';
 
+// @vitest-environment jsdom
+
 describe('TabList', () => {
   it('renders', async () => {
     render(

diff --git a/packages/toggle/__tests__/Toggle.spec.tsx b/packages/toggle/__tests__/Toggle.spec.tsx
@@ -1,6 +1,8 @@
 import { render, screen, userEvent, waitFor } from '../../../test/utils';
 import { Toggle } from '../src';
 
+// @vitest-environment jsdom
+
 describe('Toggle', () => {
   it('renders a Toggle', async () => {
     const toggleProps = {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/vite.config.ts b/vite.config.ts
@@ -20,7 +20,7 @@ export default defineConfig({
   },
   test: {
     globals: true,
-    environment: 'jsdom',
+    environment: 'happy-dom',
     setupFiles: [path.resolve(__dirname, './test/setup.ts')],
     include: ['**/__tests__/*.spec.{ts,tsx}'],
     coverage: {