테스트: Vitest와 Playwright project 설정을 통합한다

package.json

@@ -25,6 +25,7 @@
     "build": "tsc -b tsconfig.build.json",
     "build:clean": "tsc -b tsconfig.build.json --clean",
     "test": "npm test -w @interactive-os/json-document",
+    "test:projects": "vitest run --config vitest.config.ts",
     "test:collaboration:soak": "npm run test:soak -w @interactive-os/json-document-collaboration",
     "typecheck": "npm run typecheck -w @interactive-os/json-document",
     "smoke:package": "npm run smoke:package -w @interactive-os/json-document",

packages/contenteditable-collaboration/tsconfig.test.json

@@ -6,7 +6,7 @@
       "node"
     ],
     "noEmit": true,
-    "rootDir": ".",
+    "rootDir": "../..",
     "skipLibCheck": true
   },
   "include": [

packages/contenteditable-collaboration/vitest.config.ts

@@ -1,6 +1,6 @@
-import { defineConfig } from "vitest/config";
+import { defineDOMProject } from "../../test/vitest.shared.js";
 
-export default defineConfig({
+export default defineDOMProject("contenteditable-collaboration", {
   resolve: {
     alias: [
       {
@@ -26,8 +26,4 @@ export default defineConfig({
       },
     ],
   },
-  test: {
-    environment: "jsdom",
-    include: ["tests/**/*.test.ts"],
-  },
 });

packages/json-document-ajv/tests/ajv-connector.test.ts

@@ -4,7 +4,7 @@ import { describe, expect, test } from "vitest";
 
 import { createAjvValidator } from "../src/index.js";
 
-describe("Ajv connector", () => {
+describe("Ajv Connector", () => {
   test("translates the first nested error instancePath into a JSON Pointer", () => {
     const ajv = new Ajv();
     const validate = createAjvValidator(ajv.compile({

packages/json-document-ajv/tsconfig.test.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "composite": false,
     "noEmit": true,
-    "rootDir": ".",
+    "rootDir": "../..",
     "types": ["node", "vitest/globals"]
   },
   "include": ["src/**/*.ts", "tests/**/*.ts", "vitest.config.ts"]

packages/json-document-ajv/vitest.config.ts

@@ -1,13 +1,9 @@
-import { defineConfig } from "vitest/config";
+import { defineNodeProject } from "../../test/vitest.shared.js";
 
-export default defineConfig({
+export default defineNodeProject("json-document-ajv", {
   resolve: {
     alias: {
       "@interactive-os/json-document": new URL("../json-document/src/application/document/index.ts", import.meta.url).pathname,
     },
   },
-  test: {
-    environment: "node",
-    include: ["tests/**/*.test.ts"],
-  },
 });

packages/json-document-collaboration/vitest.config.ts

@@ -1,6 +1,6 @@
-import { defineConfig } from "vitest/config";
+import { defineNodeProject } from "../../test/vitest.shared.js";
 
-export default defineConfig({
+export default defineNodeProject("json-document-collaboration", {
   resolve: {
     alias: {
       "@interactive-os/json-document": new URL(
@@ -13,7 +13,4 @@ export default defineConfig({
       ).pathname,
     },
   },
-  test: {
-    include: ["tests/**/*.test.ts"],
-  },
 });

packages/json-document-contenteditable/tsconfig.test.json

@@ -1,7 +1,7 @@
 {
   "extends": ["./tsconfig.json", "../../tsconfig/test-dom.json"],
   "compilerOptions": {
-    "rootDir": "."
+    "rootDir": "../.."
   },
   "include": ["src/**/*.ts", "src/**/*.tsx", "tests/**/*.ts", "tests/**/*.tsx", "vitest.config.ts"]
 }

packages/json-document-contenteditable/vitest.config.ts

@@ -1,16 +1,12 @@
 import react from "@vitejs/plugin-react";
-import { defineConfig } from "vitest/config";
+import { defineDOMReactProject } from "../../test/vitest.shared.js";
 
-export default defineConfig({
+export default defineDOMReactProject("json-document-contenteditable", {
   plugins: [react()],
   resolve: {
     alias: {
       "@interactive-os/json-document": new URL("../json-document/src/application/document/index.ts", import.meta.url).pathname,
     },
     dedupe: ["react", "react-dom"],
   },
-  test: {
-    environment: "jsdom",
-    include: ["tests/**/*.test.ts", "tests/**/*.test.tsx"],
-  },
 });

packages/json-document-editing/tsconfig.test.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "composite": false,
     "noEmit": true,
-    "rootDir": ".",
+    "rootDir": "../..",
     "types": ["node", "vitest/globals"]
   },
   "include": ["src/**/*.ts", "tests/**/*.ts", "vitest.config.ts"]

packages/json-document-editing/vitest.config.ts

@@ -1,11 +1,10 @@
-import { defineConfig } from "vitest/config";
+import { defineNodeProject } from "../../test/vitest.shared.js";
 
-export default defineConfig({
+export default defineNodeProject("json-document-editing", {
   resolve: {
     alias: {
       "@interactive-os/json-document": new URL("../json-document/src/application/document/index.ts", import.meta.url).pathname,
       "@interactive-os/json-document-selection": new URL("../json-document-selection/src/index.ts", import.meta.url).pathname,
     },
   },
-  test: { include: ["tests/**/*.test.ts"] },
 });

packages/json-document-react-hook-form/tests/react-hook-form-connector.test.tsx

@@ -16,7 +16,7 @@ interface ProfileForm {
 
 afterEach(cleanup);
 
-describe("React Hook Form connector", () => {
+describe("React Hook Form Connector", () => {
   test("keeps drafts local, then commits all submitted fields as one history entry", async () => {
     const document = createProfileDocument();
     render(<ProfileEditor document={document} />);

packages/json-document-react-hook-form/tsconfig.test.json

@@ -1,7 +1,7 @@
 {
   "extends": ["./tsconfig.json", "../../tsconfig/test-dom.json"],
   "compilerOptions": {
-    "rootDir": "."
+    "rootDir": "../.."
   },
   "include": ["src/**/*.ts", "tests/**/*.ts", "tests/**/*.tsx", "vitest.config.ts"]
 }

packages/json-document-react-hook-form/vitest.config.ts

@@ -1,7 +1,7 @@
 import react from "@vitejs/plugin-react";
-import { defineConfig } from "vitest/config";
+import { defineDOMReactProject } from "../../test/vitest.shared.js";
 
-export default defineConfig({
+export default defineDOMReactProject("json-document-react-hook-form", {
   plugins: [react()],
   resolve: {
     alias: {
@@ -12,8 +12,4 @@ export default defineConfig({
     },
     dedupe: ["react", "react-dom", "react-hook-form"],
   },
-  test: {
-    environment: "jsdom",
-    include: ["tests/**/*.test.ts", "tests/**/*.test.tsx"],
-  },
 });

packages/json-document-react/tests/react-connector.test.tsx

@@ -11,7 +11,7 @@ import {
 
 afterEach(cleanup);
 
-describe("React connector", () => {
+describe("React Connector", () => {
   test("exposes the shared document through the official Connector entry point", () => {
     const document = createJSONDocument({ title: "Draft" });
     function View() {

packages/json-document-react/tsconfig.test.json

@@ -1,7 +1,7 @@
 {
   "extends": ["./tsconfig.json", "../../tsconfig/test-dom.json"],
   "compilerOptions": {
-    "rootDir": "."
+    "rootDir": "../.."
   },
   "include": ["src/**/*.ts", "tests/**/*.ts", "tests/**/*.tsx", "vitest.config.ts"]
 }

packages/json-document-react/vitest.config.ts

@@ -1,7 +1,7 @@
 import react from "@vitejs/plugin-react";
-import { defineConfig } from "vitest/config";
+import { defineDOMReactProject } from "../../test/vitest.shared.js";
 
-export default defineConfig({
+export default defineDOMReactProject("json-document-react", {
   plugins: [react()],
   resolve: {
     alias: {
@@ -10,8 +10,4 @@ export default defineConfig({
     },
     dedupe: ["react", "react-dom"],
   },
-  test: {
-    environment: "jsdom",
-    include: ["tests/**/*.test.ts", "tests/**/*.test.tsx"],
-  },
 });

packages/json-document-rich-text-react/tsconfig.test.json

@@ -1,5 +1,5 @@
 {
   "extends": ["./tsconfig.json", "../../tsconfig/test-dom.json"],
-  "compilerOptions": { "rootDir": "." },
+  "compilerOptions": { "rootDir": "../.." },
   "include": ["src/**/*.ts", "src/**/*.tsx", "tests/**/*.ts", "tests/**/*.tsx"]
 }

packages/json-document-rich-text-react/vitest.config.ts

@@ -1,8 +1,7 @@
-import { defineConfig } from "vitest/config";
-export default defineConfig({
+import { defineNodeReactProject } from "../../test/vitest.shared.js";
+
+export default defineNodeReactProject("json-document-rich-text-react", {
   test: {
-    environment: "node",
-    include: ["tests/**/*.test.ts", "tests/**/*.test.tsx"],
     environmentMatchGlobs: [["tests/render-locality.test.tsx", "jsdom"]],
   },
 });

packages/json-document-rich-text-web/tsconfig.test.json

@@ -1,5 +1,5 @@
 {
   "extends": ["./tsconfig.json", "../../tsconfig/test-dom.json"],
-  "compilerOptions": { "rootDir": "." },
+  "compilerOptions": { "rootDir": "../.." },
   "include": ["src/**/*.ts", "tests/**/*.ts"]
 }

packages/json-document-rich-text-web/vitest.config.ts

@@ -1,2 +1,3 @@
-import { defineConfig } from "vitest/config";
-export default defineConfig({ test: { environment: "jsdom", include: ["tests/**/*.test.ts"] } });
+import { defineDOMProject } from "../../test/vitest.shared.js";
+
+export default defineDOMProject("json-document-rich-text-web");

packages/json-document-rich-text/tsconfig.test.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "composite": false,
     "noEmit": true,
-    "rootDir": ".",
+    "rootDir": "../..",
     "types": ["node", "vitest/globals"]
   },
   "include": ["src/**/*.ts", "tests/**/*.ts", "vitest.config.ts"]

packages/json-document-rich-text/vitest.config.ts

@@ -1,5 +1,3 @@
-import { defineConfig } from "vitest/config";
+import { defineNodeProject } from "../../test/vitest.shared.js";
 
-export default defineConfig({
-  test: { include: ["tests/**/*.test.ts"] },
-});
+export default defineNodeProject("json-document-rich-text");

packages/json-document-selection/tsconfig.test.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "composite": false,
     "noEmit": true,
-    "rootDir": ".",
+    "rootDir": "../..",
     "types": ["node", "vitest/globals"]
   },
   "include": ["src/**/*.ts", "tests/**/*.ts", "vitest.config.ts"]

packages/json-document-selection/vitest.config.ts

@@ -1,5 +1,3 @@
-import { defineConfig } from "vitest/config";
+import { defineNodeProject } from "../../test/vitest.shared.js";
 
-export default defineConfig({
-  test: { include: ["tests/**/*.test.ts"] },
-});
+export default defineNodeProject("json-document-selection");

packages/json-document-tanstack-table/tsconfig.test.json

@@ -1,7 +1,7 @@
 {
   "extends": ["./tsconfig.json", "../../tsconfig/test-dom.json"],
   "compilerOptions": {
-    "rootDir": "."
+    "rootDir": "../.."
   },
   "include": ["src/**/*.ts", "tests/**/*.ts", "vitest.config.ts"]
 }

packages/json-document-tanstack-table/vitest.config.ts

@@ -1,14 +1,10 @@
-import { defineConfig } from "vitest/config";
+import { defineNodeProject } from "../../test/vitest.shared.js";
 
-export default defineConfig({
+export default defineNodeProject("json-document-tanstack-table", {
   resolve: {
     alias: {
       "@interactive-os/json-document": new URL("../json-document/src/application/document/index.ts", import.meta.url).pathname,
       "@interactive-os/json-document-editing": new URL("../json-document-editing/src/index.ts", import.meta.url).pathname,
     },
   },
-  test: {
-    environment: "node",
-    include: ["tests/**/*.test.ts"],
-  },
 });

packages/json-document-web/tests/web-connector.test.ts → packages/json-document-web/tests/web-adapters.test.ts

@@ -27,7 +27,7 @@ import {
   type WebClipboardEvent,
 } from "../src/index.js";
 
-describe("Web clipboard Connector", () => {
+describe("Web clipboard Adapter", () => {
   test("copies and pastes a structured Document payload through ClipboardEvent contracts", () => {
     const editor = createDocumentEditor({
       blocks: [
@@ -270,7 +270,7 @@ describe("Web input modifiers", () => {
   });
 });
 
-describe("Web keyboard adapter", () => {
+describe("Web keyboard Adapter", () => {
   const adapter = createWebKeyboardAdapter();
   const grid = {
     rowIds: ["r1", "r2", "r3"],

packages/json-document-web/tsconfig.test.json

@@ -1,7 +1,7 @@
 {
   "extends": ["./tsconfig.json", "../../tsconfig/test-dom.json"],
   "compilerOptions": {
-    "rootDir": "."
+    "rootDir": "../.."
   },
   "include": ["src/**/*.ts", "tests/**/*.ts"]
 }

packages/json-document-web/vitest.config.ts

@@ -1,15 +1,11 @@
-import { defineConfig } from "vitest/config";
+import { defineNodeProject } from "../../test/vitest.shared.js";
 
-export default defineConfig({
+export default defineNodeProject("json-document-web", {
   resolve: {
     alias: {
       "@interactive-os/json-document": new URL("../json-document/src/application/document/index.ts", import.meta.url).pathname,
       "@interactive-os/json-document-selection": new URL("../json-document-selection/src/index.ts", import.meta.url).pathname,
       "@interactive-os/json-document-editing": new URL("../json-document-editing/src/index.ts", import.meta.url).pathname,
     },
   },
-  test: {
-    environment: "node",
-    include: ["tests/**/*.test.ts"],
-  },
 });

packages/json-document-zod/tests/zod-connector.test.ts

@@ -4,7 +4,7 @@ import * as z from "zod/v4";
 
 import { createZodValidator } from "../src/index.js";
 
-describe("Zod connector", () => {
+describe("Zod Connector", () => {
   test("translates the first nested issue path into an escaped JSON Pointer", () => {
     const validate = createZodValidator(z.object({
       profile: z.object({

packages/json-document-zod/tsconfig.test.json

@@ -3,7 +3,7 @@
   "compilerOptions": {
     "composite": false,
     "noEmit": true,
-    "rootDir": ".",
+    "rootDir": "../..",
     "types": ["node", "vitest/globals"]
   },
   "include": ["src/**/*.ts", "tests/**/*.ts", "vitest.config.ts"]

packages/json-document-zod/vitest.config.ts

@@ -1,13 +1,9 @@
-import { defineConfig } from "vitest/config";
+import { defineNodeProject } from "../../test/vitest.shared.js";
 
-export default defineConfig({
+export default defineNodeProject("json-document-zod", {
   resolve: {
     alias: {
       "@interactive-os/json-document": new URL("../json-document/src/application/document/index.ts", import.meta.url).pathname,
     },
   },
-  test: {
-    environment: "node",
-    include: ["tests/**/*.test.ts"],
-  },
 });

packages/json-document/vitest.config.ts

@@ -1,6 +1,6 @@
-import { defineConfig } from "vitest/config";
+import { defineNodeProject } from "../../test/vitest.shared.js";
 
-export default defineConfig({
+export default defineNodeProject("json-document", {
   resolve: {
     alias: {
       "@interactive-os/json-document": new URL("./src/application/document/index.ts", import.meta.url).pathname,