테스트: Vitest·Playwright 설정을 shared config와 project 차이로 분리한다

[developer-1px]

상위·선행 이슈

• 상위: 전략: FE 생태계 수렴 기준으로 저장소 구현 모양을 표준화한다 #412
• 선행: TypeScript shared profile과 project graph

배경

package별 Vitest config가 반복되고, test environment 차이와 공통 설정의 경계가 파일 복제로 표현된다. browser acceptance는 별도 Playwright config에 있으나 library/browser project 관계는 선언적으로 연결되지 않는다.

외부 수렴 근거

• Vitest Projects: project별 차이와 shared config/extends 분리
• Playwright Projects: 공통 설정, project override와 dependency
• Playwright Best Practices: user-visible behavior와 test isolation

목표

공통 test runner 정책은 한 번만 정의하고 package/runtime/browser별 차이는 project configuration으로 표현한다.

범위

• Vitest shared config
• node / jsdom 등 environment 차이
• package project selection
• Playwright browser project와 setup dependency
• test naming의 Adapter/Connector 잔여 표현

보존할 계약

• package별 test command
• unit/conformance/browser test 분리
• test isolation
• browser acceptance 범위

제외 범위

• 테스트 삭제
• unit test를 browser test로 대체
• 특정 test suffix 강제
• implementation detail 중심 assertion 도입

완료 조건

• 공통 test 설정의 정본이 하나다.
• project config에는 실제 environment 차이만 남는다.
• Adapter·Connector 분류가 테스트 이름과 경로에 반영된다.

검증

• 전체 package test
• site unit test
• Playwright browser test
• project filter 실행

[developer-1px]

진행 계획

1. 모든 Vitest/Playwright config의 공통 옵션, environment, include/exclude, alias를 전수 분류합니다.
2. 공통 runner policy를 shared config로 추출하고 node/jsdom/package별 차이만 project leaf에 남깁니다.
3. Playwright의 browser project와 필요한 setup dependency를 현재 acceptance 범위를 보존하며 선언합니다.
4. test 이름·경로의 Adapter/Connector 분류 잔여를 naming 정본과 대조합니다.
5. 전체 package/site/browser test와 project filter를 검증한 뒤 커밋·푸시·PR을 등록합니다.

#419는 #417 project graph만 선행하므로 #424 위 독립 스택으로 진행합니다.

[developer-1px]

구현 및 검증 결과

• test/vitest.shared.ts에 node/jsdom 및 React 조합의 공통 include·isolation policy를 정본화했습니다.
• 16개 package/site config에는 project 이름, alias, plugin, 특수 environment 차이만 남겼습니다.
• root vitest.config.ts가 package/site project를 glob으로 발견하며 test:projects와 --project 선택 실행을 제공합니다.
• Playwright setup project가 server readiness를 검증하고 Chrome acceptance가 dependency로 선언합니다.
• web-connector.test.ts를 web-adapters.test.ts, browser Contenteditable을 adapters/ 경로로 이동하고 Adapter/Connector suite 이름을 정본에 맞췄습니다.

검증

• project filter json-document-selection: 14 tests 통과
• project filter site: 23 tests 통과
• 전체 Vitest projects: 65 files, 573 passed, 2 skipped
• 15개 package test config TypeScript 검사 통과
• package 단독 Contenteditable, Rich Text React, Web test 통과
• Playwright setup filter: 1 test 통과
• 전체 Playwright: setup 포함 54 tests 통과
• site typecheck, docs evaluation, git diff --check 통과

새 worktree에서 선행 build 없이 Rich Text React의 직접 npm test가 package dist를 찾지 못했으나, 이는 기존 verify lifecycle의 선행 산출물 계약입니다. solution build 뒤 동일 command와 전체 project run은 통과했습니다.

[developer-1px]

PR을 등록했습니다: #426

• 커밋: b543effd
• base: build/417-typescript-project-graph (빌드: TypeScript 설정과 project graph를 통합한다 #424 위 스택)
• 원격 commit, 변경 파일, base/head를 다시 읽어 상관관계를 확인했습니다.
• 로컬 전체 Vitest/Playwright 및 pre-push solution build가 통과했습니다.
• 빌드: TypeScript 설정과 project graph를 통합한다 #424 병합 뒤 base를 main으로 전환해야 합니다.