brunch

Playwright로 간단한 테스트 작성

여섯 번째.

by 제임스

테스트 결과의 꽃, 참 또는 거짓


Playwright를 사용하면 간단하고 직관적인 코드로 웹 애플리케이션의 동작을 테스트할 수 있습니다. Assertion을 활용하여 테스트 결과를 검증하고, 간단한 검색 시나리오를 구현하며 Playwright의 기본 동작 방식을 익힐 수 있습니다.




1. Assertion을 활용한 테스트 검증

Assertion은 테스트 결과가 예상대로 동작했는지를 확인하는 가장 기본적인 방법입니다.

타이틀 검증: 페이지가 로드된 후, 제목이 예상한 값과 일치하는지 확인

URL 검증: 특정 작업이 수행된 후 URL이 올바르게 변경되었는지 확인


Assertion이 중요한 이유?

• 예기치 않은 동작을 감지하여 문제를 조기에 파악할 수 있습니다.

• 예상과 실제 결과의 차이를 명확히 드러냄으로써 디버깅 시간을 단축시킵니다.


2. 검색 테스트와 결과 확인

검색 테스트는 간단하지만 실용적인 자동화 시나리오 중 하나입니다. Playwright는 입력, 클릭, 결과 검증 등 전 과정을 지원합니다.

검색 필드 입력: 텍스트 필드에 검색어를 입력하고, 버튼을 클릭해 검색을 수행합니다.

결과 검증: 결과 페이지에서 검색어가 포함된 텍스트 또는 레이아웃을 확인합니다.


검색 테스트 설계 시 유의사항은?

• AJAX 요청이나 비동기 작업으로 인해 결과 로딩이 지연될 수 있으므로, 적절한 대기 조건을 설정해야 합니다.

• 검색 결과가 특정 기준(예: 개수, 키워드 포함 여부)을 충족하는지 검증해야 합니다.




활용 사례

1. 타이틀 검증

로그인 후 타이틀이 “Welcome Page”와 같은 예상 값과 일치하는지 확인

2. URL 검증

버튼 클릭 후 URL이 예상한 경로로 변경되었는지 검증

3. 검색 기능 테스트

“Playwright”라는 키워드를 검색하고, 결과 페이지에서 해당 키워드가 포함된 결과를 확인

4. 결과 페이지 검증

검색 결과의 개수가 예상 범위 내에 있는지 확인하거나 특정 결과 항목의 존재 여부를 검증



복습 및 추가 학습

1. Assertion 사용

• Playwright에서 assert를 활용하여 페이지 타이틀과 URL을 검증하는 테스트를 작성하세요.

2. 검색 테스트 구현

• 검색어를 입력하고 결과 페이지에서 특정 텍스트가 포함되었는지 검증하는 테스트를 작성하세요.

3. 폼 제출 테스트

• 이름, 이메일, 메시지를 입력하는 폼을 테스트하고, 성공 메시지가 표시되는지 확인하세요.




Playwright의 간단한 테스트 작성과 검증 방법을 익히며, 테스트 자동화의 기본기를 다질 수 있습니다. 강의에서는 실습을 통해 이러한 내용을 자세히 다룰 예정입니다.



* 강의 영상: 추후 별도 공지

(바로 소식을 받고 싶다면, 설문을 작성해주세요!)

keyword
이전 06화Playwright에서의 주요 키워드