묻고 답해요
131만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨2시간으로 끝내는 프론트엔드 테스트 기본기
[공유] cy.visit() failed trying to load;
위 화면처럼 connect ECONNREFUSED::1:54382등 locahost에 접근할 수 없다고 나오면 cypress.config.ts에서 baseurl 설정해야합니다.(https://parkparkpark.tistory.com/186)import { defineConfig } from "cypress"; export default defineConfig({ e2e: { baseUrl: "http://localhost:3000", setupNodeEvents(on, config) { // implement node event listeners here }, }, });
-
해결됨2시간으로 끝내는 프론트엔드 테스트 기본기
cypress 와 jest에서 타입만 다르다면? 그래도 같이 쓰는것도 좋지 않나요?
cypress를 적용해보고 러닝 커브가 훨씬 낮은거 같고 좋았습니다 jest는 많이 목킹을 하고 여러가지 더 설정이 많아서 힘들긴 했는데 여기서 타입을 제외하고 더 같이 쓰지 말아야할 이유가 있나요?
-
해결됨2시간으로 끝내는 프론트엔드 테스트 기본기
test 폴더
테스트 모음 폴더명을 "test" 아닌 "__test__"로 정의하신이유가있을까요??
-
해결됨2시간으로 끝내는 프론트엔드 테스트 기본기
안녕하세요. 질문 있습니다.
섹션3 recoil을 테스트하는 방법 3:50에cy.url().should('include','/');를 통해서 root page로 잘 이동하는지 확인한다고 하신부분에서,'/'는 어떤 페이지에서든 include가 되어 테스트가 통과될것 같은데 혹시 rootpage를 검증하기위한 다른 방법은 없을까요?
-
해결됨2시간으로 끝내는 프론트엔드 테스트 기본기
테스트 코드의 흐름에 관해 질문이 있습니다!
안녕하세요섹션 2의 nock을 활용한 HTTP request mocking 강의 1:31초 부분에 질문이 있습니다.fireEvent.change(emailInput,{target:{value:"wrong@email.com}}); fireEvent.change(passwordInput,{target:{value:"wrongPassword}}); 를 적으시는 부분에서 잘못된 패스워드와 잘못된 이메일을 입력할 때 라고 말씀하셨는데value 부분은 string이어서 "wrong@email.com" 이 틀린 이메일을 말한다는걸 코드가 이해하는 부분도 아닐 것 같은데 어떻게 에러 코드를 던져주는건지 궁금합니다!( 로그인에 실패한다. 라는 상황이 코드상에 보이지 않는 것 같은데 코드가 어떻게 이해하는지를 모르겠습니다! )
-
해결됨2시간으로 끝내는 프론트엔드 테스트 기본기
테스트 실행이 안되는 문제..
공유해주신 프로젝트 clone해서 수정 없이 npm run unit-test 명령어 실행 시, 아래 이미지와 같이 export().toBeInTheDocument()를 찾지 못해 진도를 나가지 못하고 있습니다.. 혹시 해결방안을 알려주실 수 있으실까요?구글링 검색 시, import "@testing-library/jest-dom"; 을 테스트 파일 가장 상위에 두라고 하는데 이미 되어 있고 다른 해결책들도 실행해보았지만 해결하지 못했습니다.노드 버전은 20.10.0 , 18.19.0 , 18.14.0 에서 실행했을 때, 모두 실패했습니다..
-
해결됨2시간으로 끝내는 프론트엔드 테스트 기본기
섹션 3의 cypress 성공 케이스 작성 시, 에러 발생
섹션 3의 cypress 환경 설정 후 cypress 성공 케이스 작성 테스트 시, 계속해서 에러가 발생하여 문의드립니다.cypress > e2e > 3-login 폴더 안에 login.cy.js 파일을 작성하고,첫번째 테스트 케이스인 로그인 페이지 방문, 이메일과 비밀번호를 get 해오는 소스만 삽입하여 cypress 구동 후 확인을 하면,계속해서 cypress 사이트가 꺼지는 오류가 있습니다. 현재 cypress 사이트 내 폴더 구조와 파일 항목입니다.1-getting-started 폴더 아래 todo.cy.js 파일 클릭 시, 잘 수행됩니다.2-advanced-examples 폴더 아래 파일도 테스트 시, 잘 수행됩니다.그런데, 3-login > login.cy.js 파일 클릭 시, 아예 화면이 닫혀버리면서 VSCode 에는 아래와 같은 에러 메시지가 띄워집니다. 계속해서 구글링을 통해 에러를 해결해 보려고 하였으나, 답을 찾기가 어려워 질문 드립니다.!
-
해결됨2시간으로 끝내는 프론트엔드 테스트 기본기
테스트코드의 소스코드 관련 문의
안녕하세요, 강의 구매 후 오늘부터 강의 시작했는데올려주신 깃헙 레포에서 확인한 소스코드는 jest, cypress 테스트 환경에 필요한 소스코드가 모두 작성되어 있어서, 만일 강의를 보며 직접 작성을 해보고 싶은 경우에는 어떻게 해야하는지 모르겠습니다. 해당 프로젝트에 있는 파일의 내용을 주석 처리하고 작성 및 테스트를 해봐야 하는건가요?혹은 강의 내용으로 전체적인 흐름을 보면서, 제가 다시 복습하는 의미로 해당 프로젝트 소스 코드를 봐야하는건가요?
-
해결됨2시간으로 끝내는 프론트엔드 테스트 기본기
테스트시 api 통신에 관한 질문입니다.
안녕하세요. 강의 열심히 수강중인 수강생입니다.jest와 cypress 강의를 보다가 보면 url 통신을 하는 부분은 실제 api 통신이 아닌, 미리 준비해둔 가상의 데이터를 사용하는데, 왜 테스트 시에는 mocking을 해주는 건가요? 구글링 해보면 테스트 코드의 의존성을 제거하기 위함이다 라고 많이 나오는데 개발자가 준비해둔 가상의 데이터를 response 해주면 결국 테스트 자체는 뭘 해도 다 ok가 될텐데 이러면 테스트라는거 자체가 의미가 없는게 아닌가요? 구글링해서 테스트시에 mock 처리를 해주는 이유를 찾아봤는데, 이게 결국은 내가 만들어둔 더미데이터를 넣어주면 무조건 그대로 움직이게 되는데 그러면 이 테스트 자체를 하는게 어떤 의미인지를 잘 모르겠습니다. 제가 뭔가 잘못 생각하고 있는건지... 질문 한번 올려봅니다.
-
해결됨2시간으로 끝내는 프론트엔드 테스트 기본기
cypress와 함께 사용하면되는건가요?
Jest와 Cypress중에 하나만 사용 하라고 하셨는데storybook은 Jest와 함께 사용하거나 Cypress와 함께 사용해도 될까요?
-
미해결하루만에 Cypress로 작성하는 자바스크립트 E2E 테스트 코드
Cypress 실행할 때 git Switch에서의 문제점
제가 오늘 다시 교수님이 알려준대로 따라 해보려고 하니 깃허브에서 관련 링크는 복사해서 실행한 결과 이미 존재하는데 문제는 git switch를 깔려고 하는데 거기서 막힌거 같습니다. 참고로 저는 Windows를 쓰고 있고 교수님은 맥북을 가지고 강의를 하시는거 같은데, 기종이나 해당 제품이 나온 년도가 달라서인가요?
-
미해결하루만에 Cypress로 작성하는 자바스크립트 E2E 테스트 코드
Should 에러
카운터 해당 스크립트 작성을 하면 첫번째 이미지와 같이 should 에러가 발생하여 + 버튼 카운터가 동작되지 않고 있습니다. OS는 윈도우 환경이구요 왜그럴까요 ...