test-guide

egjs-flicking 테스트 작성 컨벤션. 테스트 파일(*.spec.ts, *.spec.tsx) 생성·수정 시 자동 로드. unit/plugins/cfc 스위트 선택 기준, setup 파일 순서, 헬퍼 함수 패턴 안내.

Opciones de instalación

De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Un comando directo omite el prompt de revisión. Revisa el origen antes de ejecutarlo.

npx skills add https://github.com/naver/egjs-flicking --skill test-guide

El comando permanece en una sola línea. Desplázate horizontalmente para revisarlo antes de copiarlo.

¿Prefieres una copia local? Descarga los archivos que SkillsMP tiene disponibles ahora.

Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.

SKILL.md

Instrucciones de origen · Vista previa de solo lectura

데모 스펙을 받아 데모 코드 + E2E 테스트 + TSDoc 링크를 한 번에 생성한다. 어떤 API/옵션을 어떻게 보여줄지 설명하면 전체 세트가 만들어진다.

Sandpack 데모 코드 패턴. packages/docs/src/demo/ 또는 packages/docs/docs/demos/ 내 파일 작성·수정 시 자동 로드. 프레임워크별 코드 구조, 파일 구성, import 패턴 안내.

릴리즈 전 체크리스트 순회. 테스트, 린트, 빌드, 문서 생성, 버전 일관성을 검증한다.

name	test-guide
description	egjs-flicking 테스트 작성 컨벤션. 테스트 파일(.spec.ts, .spec.tsx) 생성·수정 시 자동 로드. unit/plugins/cfc 스위트 선택 기준, setup 파일 순서, 헬퍼 함수 패턴 안내.
user-invocable	false

unit (Vitest Browser Mode): CSS 레이아웃 의존 테스트 (offsetWidth, getBoundingClientRect 등)
plugins (jsdom): 플러그인 로직 테스트 (CSS 불필요)
cfc (jsdom): React/Vue 래퍼의 프레임워크별 동작 테스트

shared/pre-setup.ts는 setupFiles 배열 첫 번째에 위치해야 한다. 순서가 바뀌면 Axes가 잘못된 Input을 선택한다.
jsdom 환경(plugins, cfc)에서는 실제 크기 계산이 불가능하다. CSS 레이아웃이 필요하면 unit에 작성한다.

전체 테스트 구조, 헬퍼 함수 목록, fake timer 패턴, 테스트 실행 명령어 등 상세 사항은 @dev-guide/TEST_GUIDE.md 참조.