InfoGrab Docs

접근성 Storybook 테스트

Storybook 컴포넌트 테스트 # Vue 컴포넌트의 접근성 위반을 자동으로 테스트하기 위해 axe-playwright 와 함께 Storybook test-runner 를 사용합니다. 이 접근 방식을 통해 컴포넌트를 독립적으로 테스트하고 개발 프로세스 초기에 접근성 문제를 발견할 수 있습니다. 사전 요건 # Storybook 접근성 테스트를 실행하기 전에 다음을 확인하세요: 모든 종속성이 설치되었습니다( yarn install ). storybook 디렉토리( cd storybook ) 내에서 수행해야 합니다. yarn playwright install chromium 으로 playwright 를 설치합니다(또는 yarn playwright install 로 모든 브라우저 엔진 설치). 빌드된 Storybook 인스턴스가 실행 중입니다. Storybook 접근성 테스트 실행 # Vue 컴포넌트에 대한 자동화된 접근성 테스트를 실행하려면: 1단계: Storybook 시작 # 먼저 S