개요
에디터 → 테스트 전략과 병행하고, WASM에 대해 호출 횟수·대용량 붙여넣기 메모리·비동기 순서를 추가로 검증하세요.
E2E
Playwright 등으로 실제 프로덕션 번들(WASM 포함)을 돌립니다. 지연 로드 모듈이 첫 포커스 시 로드되는지 확인합니다. DOM 스냅샷보다 테스트용으로 노출한 모델 상태 단언이 더 안정적일 수 있습니다.
경계 프로파일링
성능 패널에서 glue·WASM 실행·렌더링 시간을 분리합니다. glue 비중이 크면 문자열 복사·배치 호출을 줄입니다. JS ↔ WASM 경계.
IME·붙여넣기·CI
헤드리스 브라우저는 데스크톱 IME와 다릅니다. CJK·모바일 키보드는 실기기·디바이스 팜·수동 시나리오로 보완하고, CI에서는 플레인 텍스트 경로를 자동화합니다.
비동기 WASM과 입력 이벤트 사이 타이밍이 어긋나 플레이키가 나는 경우가 많습니다. 대기·선택자를 명시하세요.
결정성·시드
CRDT·퍼징은 Rust 테스트에서 시드를 고정하고, 웹에서는 최소 재현 스텝(연산 목록)을 버그 리포트에 남깁니다.
Wasm 가이드
에디팅 방식
contenteditable + WASM: 진실 원천, 이벤트 순서, DOM↔모델 루프, 정규화, Rust 호출 시점.
IME·조합 입력
조합 이벤트, Rust 문서 모델 동기화, IME는 여전히 브라우저 영역인 이유.
JS ↔ WASM 경계
문자열·복사·배치 연산, 비동기와 입력 이벤트, 핫 패스 비용 줄이기.
클립보드·입력 라우팅
beforeinput, 붙여넣기, JS에서 라우팅할지 WASM에서 정제할지.
툴링·번들·워커
wasm-pack, wasm-opt, 코드 스플릿, Web Worker, COOP/COEP·스레드.
협업·CRDT (WASM)
Yrs·y-crdt, Yjs 연동, 스냅샷 vs 업데이트 스트림.
선택·Range·오프셋
UTF-16 vs UTF-8, JS Selection/Range, Rust 모델 매핑·getTargetRanges.
실행 취소·다시 실행 모델
브라우저 undo 스택 vs 모델 히스토리, 프로그래밍 DOM, WASM 트랜잭션.
접근성 (WASM 호스트)
편집 표면이 브라우저일 때 역할·포커스·스크린 리더.
보안·배포
CSP, SRI, 모듈 무결성, contenteditable 옆 WASM 호스팅.