# jest
React App Test(3) : 테스트 그룹화하기
Test Suite에 대해 알아보도록 하자.App의 규모가 커질수록 적게는 수십 개에서 수백 개의 test 파일이 생길 수 있다. 이런 여러 테스트 파일을 Test Suite로 묶어 정리할 수 있다. 예를 들어 feature나 관련 component를 기준으로 하여 해
React App Test(2) : 코드 작성과 실행
두근두근.. 첫 번째 테스트를 실행해보자React App 작업이 완료되었다면, create-react-app으로 프로젝트 생성시 함께 만들어진 setupTests.js와 App.test.js 파일에 주목해보자.파일 이름이 의미하듯, 몇 가지 setup 작업을 수행하는
React App Test(1) : 개념과 종류, tools
작성한 코드를 '테스트'하는 코드를 작성하자!React 앱과 컴포넌트에 초점을 맞춰 자동화된 테스팅의 세계로 뛰어들어 보자..테스팅(Testing)이란 정확히 무엇일까? 왜 하는 것일까?Unit Test를 이해해보자리액트 컴포넌트를 테스트하고 build해보자
Jest 사용법 - Matchers
null 여부 확인undefined여부 확인tobeUndefined의 반대true로 취급되는 구문 확인false로 취급되는 구문 확인 보다 큰 숫자인지 확인크거나 같은지 확인작은지 확인작거나 같은지 확인정확한 값 일치 여부 확인정확한 값 일치 여부 확인.소수점을 확인할
husky를 이용해서 테스트 및 린트 자동화하기
프론트엔드 프로젝트에서 린트와 테스트를 자동화해보자 ! (feat. husky & lint-staged)
[Vue.js] Snapshot 테스팅 시 주의할 점
최근 TDD에 익숙해지기 위해 백엔드건, 프론트엔드건 테스팅 툴을 최대한 활용하려고 노력하고 있습니다.프로젝트 생성 시 자동으로 생성되는 README.md 파일을 열어보면, 다음 명령어로 테스트 하라고 지시합니다.
INSTACOOLIKE 테스팅 코드 TIL
사진에서 처럼 await has no effect 라고 되어있으면서 await를 없애면 event가 먹히지 않는다... 아무것도 입력되지 않은것으로 나온다. await를 입력하자...(진짜 이것때문에 1시간이상을 헤맸다... jest 일해라...)Use .toHaveB
테스트 코드 작성을 위한 도구, Jest & React-Testing-Library
어떤 기술스택을 쌓으면 더 성장할 수 있을까를 고민하다가 이전 프로젝트 코치님께서 "프론트엔드 개발자라면 테스트 코드를 잘 짜는 것이 중요하다"는 조언을 해주신 것이 떠올랐습니다...
Jest Watch Mode, Jest Work(작동 원리)
Jest를 실행하는 방법, 마지막 커밋 이후 파일의 모든 변경 사항을 확인 (Watch for changes in files since last commit)마지막 커밋 이후 변경된 파일과 연관된 테스트만 실행합니다 (Only run tests related to th
Jest-DOM 단언(Assertions)
단언은 테스트의 통과 여부를 결정합니다다음 코드는 App.test.js 코드입니다jest global, starts the assertion(jest에서 전역 메서드인 expect 메서드로 시작)subject of the assertion(예측하는 요소, 예측이 들어맞
RTL(React Testing Library) vs Jest
테스트를 위한 가상 DOM을 제공(Provides virtual DOM for tests)브라우저 없이 테스트를 진행하면 클릭 요소와 같은 작업을 할 때 가상 DOM이 필요, 그리고 가상 DOM이 원하는 대로 작동하는지 확인가능테스트 러너(Test runner that
Cloudflare pages 사용시 Node.js 버전 설정
현재 프론트엔드 배포자동화 툴을 github actions + aws ecs 에서 cloudflare pages로 변경하고자합니다.그러나 cloudflare의 기본 node.js 버전이 12.18.0 인 관계로 배포과정에 문제가 발생하였습니다.참고:https:
react dynamic import suspense unit test
모듈을 dynamic import 로 불러오는 경우를 test 할 때는 일반적인 test 방법을 사용할 경우 test 가 통과하지 않는다. 이유는 suspense 에서 fallback 에 지정한 요소를 render 하고 , testingLibrary 에서는 해당 ren
[Jest] "Cannot use import statement outside a module" 오류 해결
Jest의 test 디렉토리에서 import를 사용하면 발생하는 "Cannot use import statement outside a module" 오류를 해결해보자.