Code Monkey home page Code Monkey logo

react-testing-tutorial-kr's Introduction

React testing tutorial 번역 저장소

  • Robin Wieruch의 React testing tutorial을 번역하는 저장소입니다.

  • 본문 안에 이미지가 몇 개 있으나 가능한 한 원본 그림파일을 바로 가져다 쓰기보다 직접 구현해보면서 알맞은 그림파일을 CDN에 업로드하고 그 URL을 연결하는 것이 더 좋으리라 생각합니다.

  • original.md 파일의 frontmatter는 삭제하지 않고, 추후 개별 블로그의 SEO 용도로 참고하는데 사용할 수 있도록 남겨두었습니다.

  • 본문은 Jekyll 용 마크다운 처리 문법이 들어있고, 그 안에 일부 코드 라인을 강조하는 구문이 있으나 일반 마크다운에는 적용되지 않아 주석처리 해 두었습니다.

  • 번역은 서론을 ch00.md 로, 이후 대단락별로 ch12.md 까지 만들어서 챕터별로 진행했습니다.

    • 맨 마지막 정리하는 문단은 ch12.md 파일에 포함되면 된다고 생각합니다.
    • 챕터별로 나누는 이유는 결과물을 보고 Gitbook으로 배포하기 위함입니다.

목차

  1. 서문

  2. 테스트를 위한 간단한 리액트 애플리케이션 설정하기

  3. Mocha & Chai

    1. 리액트에서 Mocha와 Chai 설정하기
    2. 리액트 State 변경을 단위 테스트하기

  4. Enzyme

    1. 리액트에 Enzyme 테스트 설정하기
    2. Enzyme으로 리액트 테스트하기 - 리액트 컴포넌트를 단위, 통합 테스트하는 방법

  5. Sinon

    1. 리액트에서 Sinon 테스트 설정하기
    2. Sinon으로 리액트 테스트하기 - 비동기 코드를 테스트하는 방법

  6. Jest

    1. 리액트에서 Jest 설정하기
    2. Jest로 리액트 테스트하기 - 컴포넌트 스냅샷 테스트

  7. E2E 테스트

    1. Cypress.io를 활용한 리액트 전체 테스트

  8. CI와 테스트

    1. 리액트 컴포넌트 테스트와 CI(Continuous Integration)
    2. Coveralls로 리액트 컴포넌트의 테스트 커버리지 확인하기 + 후기

react-testing-tutorial-kr's People

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar

Forkers

yousleepwhen feel5ny changwng oowgnoj devjayden jeontaeyun jihunhong hj3139

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.