inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

실무에 바로 적용하는 프런트엔드 테스트 - 2부. 테스트 심화: 시각적 회귀・E2E 테스트

5.1. 커스텀 커맨드와 쿼리

Retry-ability와 커스텀 커맨드, 커스텀 쿼리 질문

해결된 질문

150

메가

작성한 질문수 17

0

안녕하세요 선생님 강의 잘 듣고 있습니다.


이번 강의에서 질문이 있습니다!
1. 커스텀 쿼리도 Retry-ability 지원되고 커스텀 쿼리 안에 커맨드도 Retry-ability가 지원되면 n의 m제곱 번의 재시도가 발생하는 것일까요?
2. 커스텀 커맨드와 커스텀 쿼리 중에 뭘 사용할 것인지는 Retry-ability 지원 유무와 체이닝을 기준으로 선택하면 될까요?
예시코드를 봤을 때 getCardButtongetProductCardByIndex 둘 다 DOM 요소를 조회해서 subject를 리턴하여 체이닝을 통해 후속 작업을 하는 것처럼 보이는데 왜 getProductCardByIndex는 커스텀 커맨드로 작성하는지 잘 모르겠습니다..

javascript tdd 소프트웨어-테스트 vitest e2e chromatic

답변 1

1

코드 조커, 오프

안녕하세요 메가님! 답이 조금 늦었네요 ㅠㅠ 죄송합니다.

1. 커스텀 쿼리도 Retry-ability 지원되고 커스텀 쿼리 안에 커맨드도 Retry-ability가 지원되면 n의 m제곱 번의 재시도가 발생하는 것일까요?

이 부분은 실제 구현을 참고해봐야 할 것 같은데요. 제가 구현을 했다고 가정을 하고 감히 추측을 해보면, n의 m승으로 재시도가 발생하는 경우 그렇게 재시도 시기의 검증 효용이 없다고 판단하고(적다 보니 아닌 경우도 있을 수 있을 것 같네요) 최적화를 했을 것 같은데 cypress측에 문의를 해봐야 할 것 같네요 ㅎㅎ

https://github.com/cypress-io/cypress/issues

요기에 문의를 진행해보시면 어떨까 싶습니다!


2. 커스텀 커맨드와 커스텀 쿼리 중에 뭘 사용할 것인지는 Retry-ability 지원 유무와 체이닝을 기준으로 선택하면 될까요?
예시코드를 봤을 때 getCardButtongetProductCardByIndex 둘 다 DOM 요소를 조회해서 subject를 리턴하여 체이닝을 통해 후속 작업을 하는 것처럼 보이는데 왜 getProductCardByIndex는 커스텀 커맨드로 작성하는지 잘 모르겠습니다..

말씀해주신대로 Query가 붙은 API와 안붙은 API의 가장 큰 차이는 retry-ability지원 여부입니다.

Query가 붙은 API는 동기 방식으로 동작하며 이전까지 체이닝으로 사용한 커맨드의 subject 결과를 받아 사용합니다. 그리고 체이닝으로 연결된 코드를 일정 시간동안 재시도합니다.

(https://docs.cypress.io/api/cypress-api/custom-queries)

반대로 Query가 붙지 않은 커스텀 커맨드는 비동기로 동작할 수 있으며, 특별한 설정을 하지 않으면 이전의 subject를 이어 받아 사용하지도 않습니다.

또한 내부적으로 재시도를 실행하지 않고 단 한번만 실행합니다.

예시의 경우 아마 강의 특성상 여러 방법이 있다고 소개를 드리려고 하다보니 직접적이게 와닿는 예시가 아닐 수 있는데요. 이 부분은 죄송합니다.

목적에 맞게 선택해 구현한 뒤 사용하면 됩니다.

실습에 사용된 MD파일 공유 가능한가요?

1

7

1

ai가 만든 강의인가요?

0

14

1

VSCode 설정 문의

0

14

2

PPT 코드 관련 질문

0

13

2

codex로 적용해도 큰 문제 없을까요?

0

26

1

강의 자료는 어디서 다운 받나요?

1

21

2

state 객체로 묶기

0

23

1

몽고 db 접속 오류

0

20

1

실습자료 확인 요청

0

54

2

3강 질문

0

46

2

74. 데이터 캐시 - 1 (이론) 강의 영상 누락

0

37

1

2강 nodejs 3단계 설명 질문

0

50

1

imagesLoaded에 관한 질문

0

22

2

useEffect와 lifecycle문의

0

38

2

프론트엔드 학습 수준 문의

0

51

2

리액트 챕터별 코드에서 eslint 설정파일이 없어요

0

55

2

AvailableUsers

0

44

1

storybook/ addon react-router-dom

0

47

1

e2e 테스트 CI , 서버비용

0

75

1

브랜치 git clone 질문

0

133

1

unit-test-example 브랜치에서 'Test result not found.' 가 뜹니다...

0

183

1

4.3 테스트 질문 입니다

0

192

1

5.2 테스트에서 상품 이름 사용, 로그인 세션 질문

1

236

1

5.3 cy.intercept 질문

0

180

1