JavaScript 테스터: 브라우저에서 코드 실행 및 테스트
JavaScript 테스터로 코드와 테스트를 나란히 작성한 뒤 격리된 Web Worker에서 실행하세요. 내장 테스트 러너는 describe, it/test, expect 매처, beforeEach/afterEach 훅, 비동기 테스트를 지원합니다. 테스트 실행의 타임아웃을 설정하고, 중지 버튼으로 무한 루프를 멈추세요.
JavaScript 테스터는 코드와 테스트를 나란히 작성하는 브라우저 기반 JavaScript 테스트 도구입니다. 테스트를 격리된 Web Worker에서 실행하므로 테스트를 먼저 애플리케이션에 연결하지 않고 JavaScript 동작을 확인할 수 있습니다. 내장 미니 테스트 러너는 describe, it/test, expect, beforeEach/afterEach, 비동기 테스트를 지원합니다.
describe와 it 또는 test로 테스트 케이스를 정리한 뒤, toBe, toEqual, toContain, toThrow 같은 매처와 함께 expect를 사용하세요. 도구는 설정 가능한 타임아웃과 무한 루프를 중단하는 중지 버튼도 지원합니다. 이 기능들로 코드에 대한 검사를 실행하고 루프가 끝나지 않으면 실행을 멈출 수 있습니다.
JavaScript는 프로그래밍 언어이고, 테스트 러너는 예상 동작을 설명하고 코드가 이에 맞는지 확인하는 방법을 제공합니다. 애플리케이션에 통합하기 전에 표현식이나 작은 코드 조각을 테스트하면 동작을 탐색하고 엣지 케이스를 확인하는 데 도움이 됩니다. 지원되는 매처로 테스트에서 여러 종류의 기대를 표현할 수 있습니다.
JavaScript 테스터는 브라우저에서 완전히 동작합니다. 입력은 사용자의 기기에서 처리되며 업로드되거나 저장되거나 서버로 전송되지 않습니다. 서버 의존성이 없으므로 페이지가 로드된 후에는 계속 오프라인에서 동작할 수 있습니다. 개발자와 DevOps 엔지니어는 JavaScript 코드를 시도하고, 집중된 테스트를 만들고, 변경 사항을 출시하기 전에 동작을 확인하는 데 사용할 수 있습니다.
1단계: 테스트할 JavaScript 코드를 입력하세요. 콘텐츠를 도구에 붙여넣거나 끌어다 놓을 수 있습니다.
2단계: describe와 it 또는 test를 사용해 테스트를 추가하고, 확인하려는 동작을 expect 단언으로 검사하세요.
3단계: toBe, toEqual, toContain, toThrow 같은 지원 매처를 선택하고, 필요하면 beforeEach/afterEach 훅을 추가하세요.
4단계: 테스트 실행이 얼마나 오래 실행될지 설정하려면 타임아웃을 지정하세요.
5단계: 테스트를 실행하고 결과를 확인하세요. 무한 루프가 발생하면 중지 버튼으로 실행을 멈추세요.
사용 사례: 애플리케이션에 사용하기 전에 JavaScript 표현식을 실제 입력에 시도하고 무엇을 매치하는지 확인하세요.
사용 사례: 파일을 저장하거나 앱에 연결하기 전에 표현식을 반복 개선하세요.
사용 사례: 변경 사항을 출시하기 전에 테스트 단언으로 엣지 케이스를 확인하세요.
사용 사례: JavaScript 코드 조각의 검사를 정리하려고 describe와 it/test로 작은 스위트를 작성하세요.
사용 사례: 코드가 오류를 던지는지 테스트하려면 toThrow를, 컬렉션의 값을 확인하려면 toContain을 사용하세요.
사용 사례: 테스트에 개별 케이스 주변의 설정이나 정리가 필요할 때 beforeEach나 afterEach 훅을 추가하세요.
사용 사례: 내장 테스트 러너에서 비동기 테스트를 실행해 비동기 코드 동작을 확인하세요.
사용 사례: 테스트 실행의 타임아웃을 설정하고, 무한 루프가 완료를 방해하면 중지를 사용하세요.