n일 동안 보지 않기 모달 테스트 자동화 하기
·
테스트 자동화/Cypress
개요'n일 동안 보지 않기' 같은 모달창은 어떻게 구현이 되고 Cypress를 사용해서 검증할 수 있는지 알아보자'n일 동안 보지 않기' 모달 어떻게 구현될까?'n일 동안 보지 않기' 모달은 주로 쿠키(Cookie)를 사용해 구현이 된다. 사용자가 모달 창에서 'n일 동안 보지 않기' 버튼을 클릭하면, 해당 정보가 브라우저 쿠키에 저장된다. 이 쿠키는 일정 기간 동안 브라우저에 남아 있어, 사용자가 다시 웹사이트에 방문할 때 이를 확인하여 모달을 표시할지 말지를 결정한다.브라우저 Dev Tool에서 보는 'n일 동안 보지 않기' 모달 HTML 코드브라우저 Dev Tool의 Sources탭에서 보는 '오늘 하루 그만보기' 코드클래스 네임이 pop-close-01인 버튼을 클릭했을 때 setMainPopCo..
Cypress를 사용한 자동화 테스트 구현하기 (소개 및 설치 방법)
·
테스트 자동화/Cypress
CypressCypress는 웹 애플리케이션의 테스트를 쉽고 빠르게 수행할 수 있도록 설계된 JavaScript기반의 E2E 테스트 프레임워크이다. React, Angular, Vue.js 등과 같은 최신 프론트엔드 프레임워크와 원활하게 통합되며, 개발자와 QA 엔지니어가 웹 애플리케이션의 모든 기능을 실제 브라우저 환경에서 테스트할 수 있도록 돕는다.Cypress의 특징Time Travel : Cypress는 테스트가 실행되는 동안 각 단계마다 스냅샷을 저장하고 있어 명령 로그에서 마우스를 올리면, 그 단계에서 어떤 일이 일어났는지 확인할 수 있다. Automatic Waiting: Cypress는 명령어와 어설션이 완료될 때까지 자동으로 기다린 후 다음 단계로 넘어간다.Debuggability: 브라..