Coder Social home page Coder Social logo

yousleepwhen / react-testing-tutorial-kr Goto Github PK

View Code? Open in Web Editor NEW

This project forked from adhrinae/react-testing-tutorial-kr

0.0 2.0 0.0 63 KB

Korean translation of React testing tutorial written by Robin Wieruch. See original post here - https://www.robinwieruch.de/react-testing-tutorial/

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

Watchers

 avatar  avatar

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.