Published onSeptember 28, 2023jest test가 느릴 때 개선방법jestfrontendtest프로젝트에서 CI 과정 앞단의 Lint 에서 이미 수행 하고 있기때문에 중복 과정이라서 유닛 테스트시에는 full type-checking 과정을 제거하여 jest test 속도를 개선하였다.
Published onJuly 9, 2022Redux Saga 테스트하기redux-sagatestredux-saga-test-plan은 사가(Saga) 제너레이터 함수를 테스트할 때, 실제 구현 로직과 테스트 코드가 갖는 커플링, 그리고 매뉴얼 한 테스트에 대한 문제를 해결해준다.
Published onMay 29, 2022React Testing Library 로 React Hook 테스트하기reacttest리액트 커스텀 훅을 테스트하기 위해서 여러 가지 방법을 사용할 수 있다. 그중에 testing-library를 사용하여 진행한다.
Published onMay 27, 2022React Testing Library 로 React 컴포넌트 테스트하기reacttestReact Testing Library는 React 컴포넌트를 테스트하기 위해 설계된 라이브러리다.
Published onJanuary 8, 2022변경에 유연한 selector 사용하기 (UI 테스트)cypresstestfrontend코드 리팩토링, DOM 엘리먼트 구조 변경등이 발생한다면, 작성해놓은 UI 테스트 결과에 영향을 미칠 수 있다.
Published onSeptember 20, 2021storybook addon storyshot 활용storybooktestfrontendstoryshot은 storybook 공식 애드온으로 작성된 story에 대한 html형태의 스냅샷을 생성하고, 이전 스냅샷과 비교한다.
Published onSeptember 11, 2021cypress code coverage 측정cypresstestfrontendcypress code coverage 측정이 어떻게 이루어지고, 이를 위한 설정 과정을 정리하였다.
Published onSeptember 15, 2020cypress E2E 테스트cypresstestfrontendCypress는 E2E 테스트 framework으로 Chai assertion library를 내장하고 있고, stubbing 기능을 제공한다.
Published onMarch 4, 2020Jest, Enzyme 을 사용한 React 컴포넌트 테스트reacttestJest, Enzyme 을 사용한 이유 | Setup | Enzyme을 통한 컴포넌트 렌더링 | 스냅샷 테스트
Published onOctober 28, 2015TDD & BDDtestfrontend먼저 개발을 하고 테스트를 하는 기존 방식이 아닌 테스트 코드를 작성하고 검증된 코드를 실제 코드로 반영하자는 개념은 수 많은 개발자들의 호응을 거쳐 현재는 Agile의 대표적인 개발방법론이 되었다.
Published onJune 19, 2015Jasmine & KarmajasminkarmatestfrontendJasmine은 자바스크립트를 위한 BDD(Behavior Driven Development) 프레임웍이다. Karma는 자바스크립트 테스트 러너다.