inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

2시간으로 끝내는 프론트엔드 테스트 기본기

recoil을 테스트하는 방법

안녕하세요. 질문 있습니다.

436

김연수

작성한 질문수 1

2

섹션3 recoil을 테스트하는 방법 3:50에
cy.url().should('include','/');
를 통해서 root page로 잘 이동하는지 확인한다고 하신부분에서,

'/'는 어떤 페이지에서든 include가 되어 테스트가 통과될것 같은데 혹시 rootpage를 검증하기위한 다른 방법은 없을까요?

react jest 소프트웨어-테스트 Cypress storybook chatgpt

답변 3

3

제이쓴

연수님 안녕하세요! 말씀하신 것처럼 그런 문제가 발생할 수 있겠네요. 심지어 url에도 http://, https:/// 가 포함되어 있어서 문제가 발생할 수 있을 것 같습니다. 저도 자료를 수정해야겠네요.

이런 경우에는 pathname을 활용해야 하는데요, 아래와 같이 수정해서 테스트하시면 됩니다.

cy.url().should((url) => {
  const currentUrl = new URL(url);
  expect(currentUrl.pathname).to.equal("/");
});

좋은 질문 다시한번 감사드립니다!

0

okpanda

위 코드에서 사용되는 expect는

import { expect } from "chai";

가 필요한건가요 ?

0

제이쓴

필요없습니다!

1

okpanda

ts상에서 오류가 나서.. chai에서 import해야 사라지더라구요.. 제가 조금 다르게 하다가 그랬나 보네요..

0

제이쓴

tsconfig.json 설정을 한번 확인해보시면 좋을 것 같습니다!

"include" 에 cypress로 작성한 테스트코드들이 포함되어 있는지 확인해보세요~

2

서정우

저 같은 경우에는 to.equal 메서드를 쓸 때 to 타입이 없다고 오류가 떠서 to.equal 말고 다른 방법을 찾다보니 cy.location()에 매개변수로 pathname을 주면 pathname 부분만 얻어올 수 있는걸 알게됐습니다. 그래서 expect 없이 should로 비교가 가능했습니다

cy.location("pathname").should("eq", "/");

0

제이쓴

감사합니다 정우님!

1

김연수

감사합니다 :)

커서에서 shift+enter가 안됩니다.

0

12

1

mcp 설치를 못하겠어요

0

14

1

라이브러리 관련 질문 있습니다!

0

11

1

output-styles은 Claude Code의 공식 기능이 아니라고 하는데 혹시 변경된걸까요?

0

17

2

클로드 변경

0

14

1

/config 에서 output-style 을 변경

0

17

1

Jest의 test와 it 사용에 대한 컨벤션 질문

0

42

1

'toBeInTheDocument'오류 문의

0

106

1

nock에서 에러가 발생합니다

0

127

1

HTTP mocking 라이브러리 선택에 대한 질문이 있습니다.

0

144

2

Cypress io가 유료인가요?

0

236

2

테스트 자동화를 cypress cloud로 하는 이유

0

201

1

jest.config.cjs로 작성했을 때 modules를 읽어올 수 없음

0

292

1

[공유] cy.visit() failed trying to load;

4

397

2

cypress 와 jest에서 타입만 다르다면? 그래도 같이 쓰는것도 좋지 않나요?

3

543

2

test 폴더

0

352

1

강의 코드 질문이 있습니다!

0

446

1

테스트 코드의 흐름에 관해 질문이 있습니다!

0

308

1

jest 테스트코드 작성을 위한 사전세팅 중 문제가 발생했습니다.

0

806

3

테스트 실행이 안되는 문제..

0

623

1

섹션 3의 cypress 성공 케이스 작성 시, 에러 발생

1

523

2

테스트코드의 소스코드 관련 문의

1

506

2

테스트시 api 통신에 관한 질문입니다.

1

545

2

cypress와 함께 사용하면되는건가요?

1

429

1