Cleanup

Author: matthewlipski

.github/workflows/update-e2e-snapshots.yml

@@ -21,11 +21,7 @@
     "@types/node": "^20.19.22",
     "@types/react": "^19.2.3",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "6.0.2",
-    "@vitest/browser-playwright": "4.1.7",
-    "@vitest/ui": "4.1.5",
     "htmlfy": "^0.6.7",
-    "playwright": "1.51.1",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "react-icons": "^5.5.0",

pnpm-lock.yaml

@@ -1,14 +1,16 @@
 import App from "@examples/09-ai/01-minimal/src/App";
 import { beforeEach, describe, expect, test } from "vite-plus/test";
+import { render } from "vitest-browser-react";
 import { userEvent } from "../../utils/context.js";
+import { EDITOR_SELECTOR } from "../../utils/const.js";
 import { focusOnEditor, sleep, waitForSelector } from "../../utils/editor.js";
 import { clickAt, getRect } from "../../utils/mouse.js";
-import { renderEditor } from "../../utils/render.js";
 
 const AI_BUTTON_SELECTOR = `[data-test="editwithAI"]`;
 
 beforeEach(async () => {
-  await renderEditor(<App />);
+  render(<App />);
+  await waitForSelector(EDITOR_SELECTOR);
 });
 
 describe("AI toolbar button should preserve selection (issue #2525)", () => {

tests/package.json

@@ -1,13 +1,15 @@
 import App from "@examples/09-ai/01-minimal/src/App";
 import { beforeEach, describe, expect, test } from "vite-plus/test";
+import { render } from "vitest-browser-react";
 import { page, userEvent } from "../../utils/context.js";
+import { EDITOR_SELECTOR } from "../../utils/const.js";
 import { expectElement, sleep, waitForSelector } from "../../utils/editor.js";
-import { renderEditor } from "../../utils/render.js";
 
 beforeEach(async () => {
   // Use a small viewport so the editor content requires scrolling.
   await page.viewport(800, 400);
-  await renderEditor(<App />);
+  render(<App />);
+  await waitForSelector(EDITOR_SELECTOR);
 });
 
 describe("AI Menu Scroll Regression", () => {

tests/src/end-to-end/ai/ai-selection.test.tsx

@@ -1,8 +1,10 @@
 import App from "@examples/01-basic/08-ariakit/src/App";
 import { beforeEach, describe, test } from "vite-plus/test";
+import { render } from "vitest-browser-react";
 import { userEvent } from "../../utils/context.js";
 import {
   DRAG_HANDLE_SELECTOR,
+  EDITOR_SELECTOR,
   LINK_BUTTON_SELECTOR,
   PARAGRAPH_SELECTOR,
 } from "../../utils/const.js";
@@ -13,11 +15,11 @@ import {
   waitForSelector,
 } from "../../utils/editor.js";
 import { mouseSequence, moveMouseOverElement } from "../../utils/mouse.js";
-import { renderEditor } from "../../utils/render.js";
 import { executeSlashCommand } from "../../utils/slashmenu.js";
 
 beforeEach(async () => {
-  await renderEditor(<App />);
+  render(<App />);
+  await waitForSelector(EDITOR_SELECTOR);
 });
 
 describe("Check Ariakit UI", () => {

tests/src/end-to-end/ai/ai.test.tsx

@@ -1,16 +1,18 @@
 import App from "@examples/01-basic/04-default-blocks/src/App";
 import { beforeEach, describe, test } from "vite-plus/test";
+import { render } from "vitest-browser-react";
 import { page, userEvent } from "../../utils/context.js";
+import { EDITOR_SELECTOR } from "../../utils/const.js";
 import {
   focusOnEditor,
   expectElement,
   sleep,
   waitForSelector,
 } from "../../utils/editor.js";
-import { renderEditor } from "../../utils/render.js";
 
 beforeEach(async () => {
-  await renderEditor(<App />);
+  render(<App />);
+  await waitForSelector(EDITOR_SELECTOR);
 });
 
 // Skip due to flaky timeout on locator.click

tests/src/end-to-end/ariakit/ariakit.test.tsx

@@ -1,12 +1,13 @@
 import App from "@examples/01-basic/testing/src/App";
 import { beforeEach, describe, expect, test } from "vite-plus/test";
+import { render } from "vitest-browser-react";
 import { userEvent } from "../../utils/context.js";
 import { EDITOR_SELECTOR } from "../../utils/const.js";
 import { waitForSelector } from "../../utils/editor.js";
-import { renderEditor } from "../../utils/render.js";
 
 beforeEach(async () => {
-  await renderEditor(<App />);
+  render(<App />);
+  await waitForSelector(EDITOR_SELECTOR);
 });
 
 describe("Basic typing functionality", () => {

tests/src/end-to-end/basics/basicblocks.test.tsx

@@ -1,11 +1,13 @@
 import App from "@examples/01-basic/testing/src/App";
 import { beforeEach, describe, test } from "vite-plus/test";
+import { render } from "vitest-browser-react";
 import { MOD, page, userEvent } from "../../utils/context.js";
 import {
   BACKGROUND_COLOR_SELECTOR,
   COLORS_BUTTON_SELECTOR,
   DRAG_HANDLE_MENU_SELECTOR,
   DRAG_HANDLE_SELECTOR,
+  EDITOR_SELECTOR,
   H_TWO_BLOCK_SELECTOR,
   TABLE_SELECTOR,
   TEXT_COLOR_SELECTOR,
@@ -18,11 +20,11 @@ import {
   waitForSelector,
 } from "../../utils/editor.js";
 import { clickAt, getRect, moveMouseOverElement } from "../../utils/mouse.js";
-import { renderEditor } from "../../utils/render.js";
 import { executeSlashCommand } from "../../utils/slashmenu.js";
 
 beforeEach(async () => {
-  await renderEditor(<App />);
+  render(<App />);
+  await waitForSelector(EDITOR_SELECTOR);
 });
 
 describe("Check Background & Text Color Functionality", () => {