coding- w00se

cypress의 Network Requests intercept 메서드를 활용하면 Api 요청 부분을 stub할 수 있다. 사용 예시: api 요청부분을 stub으로 처리하고 응답 결과로 dummy 데이터 반환하기 'https://abcd.efg.com/*'을 사용하면 url host가 abcd.efg.com으로 시작하는 모든 요청에 대한 응답을 stub한다. 공식문서에 의하면 아래 예시처럼 fixture를 단축해서 사용할 수 있다.cy.intercept('https://abcd.efg.com/*', { fixture: 'dummyData.json' }).as('requestData'); cy.wait('@requestData');

cypress viewport 크기 조절하기 왜 필요한가🤔? cypress의 기본 viewport 크기는 1000px X 660px이다. 만약 테스트하려는 서비스의 엘리먼트 스타일이 해당 viewport의 크기보다 크다면, 예상치 못하게 테스트 실패할 수 있다. 예시: dimmed 영역 클릭 시 모달이 닫히는지 확인하는 테스트 [viewport 크기 조절 전] viewport의 크기를 조절하지 않으면 모달의 dimmed 영역이 보이지 않아, 테스트가 원활하게 진행되지 않는다. [viewport 크기 조절 후] 성공! 방법 cy.viewport() 메서드를 이용하는 방법 cypress.json 파일에 viewport의 크기를 설정하는 방법 예시 // cypress.json { "viewportWidth":..