feat: vitest 4 (#310)

thejackshelton-kunaico · web-flow · commit 1638d1989e3a · 2025-10-23T10:51:55.000-05:00
diff --git a/libs/components/package.json b/libs/components/package.json
@@ -35,7 +35,7 @@
     "typescript": "5.4.5",
     "uqr": "^0.1.2",
     "vite-tsconfig-paths": "^4.2.1",
-    "vitest-browser-qwik": "https://pkg.pr.new/kunai-consulting/vitest-browser-qwik@949e6ac"
+    "vitest-browser-qwik": "https://pkg.pr.new/kunai-consulting/vitest-browser-qwik@4577f38"
   },
   "peerDependencies": {
     "@qwik.dev/core": ">=https://pkg.pr.new/QwikDev/qwik/@qwik.dev/core@d48c3d2"
diff --git a/libs/components/src/checkbox/checkbox.browser.tsx b/libs/components/src/checkbox/checkbox.browser.tsx
@@ -1,7 +1,7 @@
 import { $, component$, useComputed$, useSignal } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import { Checkbox } from "..";
 import type { PublicCheckboxRootProps } from "./checkbox-root";
 
diff --git a/libs/components/src/checklist/checklist.browser.tsx b/libs/components/src/checklist/checklist.browser.tsx
@@ -1,7 +1,7 @@
 import { $, type PropsOf, component$, useSignal } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import { Checklist } from "..";
 
 // Top-level locator constants using data-testid
diff --git a/libs/components/src/date-input/date-input.browser.tsx b/libs/components/src/date-input/date-input.browser.tsx
@@ -1,7 +1,7 @@
 import { $, type PropsOf, component$, useSignal, useStore } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import * as DateInput from ".";
 
 // Top-level locator constants using data-testid
diff --git a/libs/components/src/field/field.browser.tsx b/libs/components/src/field/field.browser.tsx
@@ -1,8 +1,8 @@
 import { $, type PropsOf, component$, useSignal, useStore } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import axe from "axe-core";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import { Field } from "..";
 
 // Top-level locator constants using data-testid
diff --git a/libs/components/src/file-upload/file-upload.browser.tsx b/libs/components/src/file-upload/file-upload.browser.tsx
@@ -1,7 +1,7 @@
 // TODO: Add improved tests once spec is laid out.
 
 // import { component$ } from "@qwik.dev/core";
-// import { page, userEvent } from "@vitest/browser/context";
+// import { page, userEvent } from "vitest/browser";
 // import { beforeEach, expect, test, vi } from "vitest";
 // import { render } from "vitest-browser-qwik";
 // import { FileUpload } from "..";
diff --git a/libs/components/src/label/label.browser.tsx b/libs/components/src/label/label.browser.tsx
@@ -1,7 +1,7 @@
 import { component$ } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import { Label } from ".";
 
 // Top-level locator constants using data-testid
diff --git a/libs/components/src/menu/menu.browser.tsx b/libs/components/src/menu/menu.browser.tsx
@@ -14,7 +14,7 @@
 //  */
 //
 // // import { $, component$, useSignal } from "@qwik.dev/core";
-// // import { page, userEvent } from "@vitest/browser/context";
+// // import { page, userEvent } from "vitest/browser";
 // // import { expect, test } from "vitest";
 // // import { render } from "vitest-browser-qwik";
 // // import * as Menu from ".";
diff --git a/libs/components/src/modal/modal.browser.tsx b/libs/components/src/modal/modal.browser.tsx
@@ -1,7 +1,7 @@
 import { type PropsOf, component$, useSignal } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import { Modal } from "..";
 import { pointer } from "../../vitest/pointer";
 
diff --git a/libs/components/src/navbar/navbar.browser.tsx b/libs/components/src/navbar/navbar.browser.tsx
@@ -1,5 +1,5 @@
 // import { type PropsOf, component$, useSignal, useStore } from "@qwik.dev/core";
-// import { page, userEvent } from "@vitest/browser/context";
+// import { page, userEvent } from "vitest/browser";
 // import { expect, test } from "vitest";
 // import { render } from "vitest-browser-qwik";
 // import { Navbar } from "..";
diff --git a/libs/components/src/otp/otp.browser.tsx b/libs/components/src/otp/otp.browser.tsx
@@ -1,7 +1,7 @@
 import { $, type PropsOf, component$, useSignal, useStore } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import { Otp } from "..";
 
 // Top-level locator constants using data-testid
diff --git a/libs/components/src/pagination/pagination.browser.tsx b/libs/components/src/pagination/pagination.browser.tsx
@@ -1,7 +1,7 @@
 import { $, component$, useSignal } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import { Pagination } from "..";
 import type { PublicPaginationRootProps } from "./pagination-root";
 
diff --git a/libs/components/src/popover/popover.browser.tsx b/libs/components/src/popover/popover.browser.tsx
@@ -1,7 +1,7 @@
 import { type PropsOf, component$, useSignal, useStore } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import { Popover } from "..";
 
 // Top-level locator constants using data-testid
diff --git a/libs/components/src/progress/progress.browser.tsx b/libs/components/src/progress/progress.browser.tsx
@@ -1,7 +1,7 @@
 import { component$, useSignal } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import { Progress } from "..";
 
 // Top-level locator constants using data-testid
diff --git a/libs/components/src/qr-code/qr-code.browser.tsx b/libs/components/src/qr-code/qr-code.browser.tsx
@@ -1,7 +1,7 @@
 import { type PropsOf, component$ } from "@qwik.dev/core";
-import { page } from "@vitest/browser/context";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page } from "vitest/browser";
 import { QRCode } from "..";
 
 // Top-level locator constants using data-testid
diff --git a/libs/components/src/radio-group/radio-group.browser.tsx b/libs/components/src/radio-group/radio-group.browser.tsx
@@ -1,8 +1,8 @@
 import { $, type PropsOf, component$, useSignal, useStore } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import axe from "axe-core";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import { RadioGroup } from "..";
 
 /**
diff --git a/libs/components/src/resizable/resizable.browser.tsx b/libs/components/src/resizable/resizable.browser.tsx
@@ -1,7 +1,7 @@
 import { type PropsOf, component$, useSignal } from "@qwik.dev/core";
-import { type Locator, page, userEvent } from "@vitest/browser/context";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { type Locator, page, userEvent } from "vitest/browser";
 import { Resizable } from "..";
 
 // Top-level locator constants using data-testid
diff --git a/libs/components/src/scroll-area/scroll-area.browser.tsx b/libs/components/src/scroll-area/scroll-area.browser.tsx
@@ -1,7 +1,7 @@
 import { component$ } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import { describe, expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import * as ScrollArea from "./index";
 
 // Locator constants
diff --git a/libs/components/src/slider/slider.browser.tsx b/libs/components/src/slider/slider.browser.tsx
@@ -1,8 +1,8 @@
 import { type PropsOf, component$, useSignal } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import axe from "axe-core";
 import { describe, expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import * as Slider from "./index";
 
 // Locator constants
diff --git a/libs/components/src/switch/switch.browser.tsx b/libs/components/src/switch/switch.browser.tsx
@@ -1,7 +1,7 @@
 import { $, type PropsOf, component$, useComputed$, useSignal } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import { Switch } from "..";
 
 // Top-level locator constants using data-testid
diff --git a/libs/components/src/tabs/tabs.browser.tsx b/libs/components/src/tabs/tabs.browser.tsx
@@ -1,8 +1,8 @@
 import { $, type PropsOf, component$, useSignal, useStore } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import axe from "axe-core";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import { Tabs } from "..";
 
 // Top-level locator constants using data-testid
diff --git a/libs/components/src/toggle/toggle.browser.tsx b/libs/components/src/toggle/toggle.browser.tsx
@@ -1,7 +1,7 @@
 import { $, type PropsOf, component$, useSignal } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import { Toggle } from "..";
 
 // Top-level locator constants using data-testid
diff --git a/libs/components/src/tree/tree.browser.tsx b/libs/components/src/tree/tree.browser.tsx
@@ -1,7 +1,7 @@
 import { type PropsOf, component$, useSignal } from "@qwik.dev/core";
-import { page, userEvent } from "@vitest/browser/context";
 import { expect, test } from "vitest";
 import { render } from "vitest-browser-qwik";
+import { page, userEvent } from "vitest/browser";
 import { Tree } from "..";
 
 // Top-level locator constants using data-testid
diff --git a/libs/components/vitest/pointer.ts b/libs/components/vitest/pointer.ts
@@ -1,4 +1,4 @@
-import type { Locator } from "@vitest/browser/context";
+import type { Locator } from "vitest/browser";
 import { nextTick } from "./tick";
 export type Target = Locator | HTMLElement | Document | Window;
 
diff --git a/package.json b/package.json
@@ -30,16 +30,16 @@
     "@qwik.dev/core": "https://pkg.pr.new/QwikDev/qwik/@qwik.dev/core@d48c3d2",
     "@qds.dev/tools": "workspace:*",
     "@types/node": "22.14.0",
-    "@vitest/browser": "^3.2.4",
-    "@vitest/ui": "3.2.4",
+    "@vitest/browser-playwright": "^4.0.0",
+    "@vitest/ui": "^4.0.0",
     "axe-core": "^4.10.3",
     "oxc-parser": "^0.94.0",
     "pagefind": "1.2.0",
     "pathe": "^2.0.3",
     "pkg-pr-new": "^0.0.56",
     "playwright": "^1.56.0",
     "tsx": "^4.19.3",
-    "vitest": "^3.2.4"
+    "vitest": "^4.0.0"
   },
   "pnpm": {
     "overrides": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/test-conversion-ai.md b/test-conversion-ai.md
diff --git a/vitest.config.ts b/vitest.config.ts
