SlideShare a Scribd company logo
FrontendTestEnvironment이해하기
Test
소프트웨어에서어떤가설을검증하는과정
ex)
1.마우스를올리면글자가바뀐다.
2.마우스를올리지않으면글자가사라진다.
효율적으로가설을검증하는과정이필요하다.
???:하나씩고칠때마다상품등록그만하고싶다...
테스트의수행을코드로표현하고자동화를하자
테스트를하기전에생각해야하는것들
테스트에대한정의내리기
1.무엇을테스트해야하는가?
2.이테스트를통해검증되는것은무엇인가?
...
테스트의종류
단위테스트
한가지기능에만집중한다.
서비스테스트
기능의집합에집중한다.
도메인의이해를요구한다.
통합테스트
서비스와저수준기능들이함께동작한다.
예:새로운환경안에서어플리케이션을설치및테스트
테스트피라미드
테스트가왜필요할까?
코드를직접테스트하는과정은엄청난시간이필요하다***
제대로동작하는소프트웨어작성을위한하나의방법
검증을통해문제점을최소화
안전하게지속적으로릴리즈하기위해
배포단계에서테스트를수행=검증
테스트를진행시키는7가지요소
1.Testrunner
- 테스트의 실행을 효율적으로 할 수 있게 도와준다.
2.Testdoubles
- 예측 불가능한 부분을 테스트에 관여할 수 없게 한다.
- Spy, Mock, Shallow...
3.Assertionlibraries
- 코드에 대한 검증을 더 쉽게 도와주는 기능들
Assertion이란참또는거짓으로판단되는코드에대한설명
4.Environmenthelpers
- 특정한 환경에 접근할 수 있도록 도와주는 기능들
(DOM, 사용자 이벤트 등..)
- 브라우저 환경을 모방(emulate)
5.Framework‑specificlibraries
- 특정 프레임워크 상에서 테스트 코드를 더 쉽게 작성할 수 있게 도와준다.
6.Coveragetools
- 코드가 얼마나 잘 테스트되고 있는 지 검증해주는 도구
- statements, branches, functions, lines의 기준
7.Stub
- 테스트의 실행에 필요하지만, 테스트와는 무관한 객체를 모방하는 모조 객체
우리가오늘사용할도구
1.Jest
2.Enzyme
3.react‑test‑renderer
Jest
테스트러너
istanbul라이브러리내장(coverage)
Enzyme
리액트테스팅을위한도구
react‑test‑renderer
시각적회귀테스트(VisualRegressionTest)
스냅샷을통해이전상태의컴포넌트와비교

More Related Content

PPT
테스트 자동화의 원칙
PDF
Test automation
PPTX
클린코드와 테스트코드
PDF
20130118 토비의 스프링 세미나
PPTX
Tobi 스프링 2장 php version
PDF
Ui test 자동화하기 - Selenium + Jenkins
PDF
Python Unittest
PDF
Postman과 Newman을 이용한 RestAPI 테스트 자동화 가이드
테스트 자동화의 원칙
Test automation
클린코드와 테스트코드
20130118 토비의 스프링 세미나
Tobi 스프링 2장 php version
Ui test 자동화하기 - Selenium + Jenkins
Python Unittest
Postman과 Newman을 이용한 RestAPI 테스트 자동화 가이드

What's hot (15)

PPTX
Introduce Katalon tool
PDF
Io t에서의 소프트웨어단위테스트_접근사례
PPTX
PDF
Check style 기초가이드
PPTX
JUnit 지원 라이브러리 소개
PPTX
테스트 케이스와 SW 품질
PDF
Rest api 테스트 수행가이드
PPTX
단위테스트자동화지원도구 임성현 최종
PDF
Testing & refactoring
PPTX
행복한 개발을 위한_테스트_케이스
PPTX
테스트자동화와 TDD
PPTX
(SW 아키텍트 대회 2차)단위테스트자동화도구
PDF
TDD.JUnit.조금더.알기
PPTX
Espresso ui test
PDF
Robot framework 을 이용한 기능 테스트 자동화
Introduce Katalon tool
Io t에서의 소프트웨어단위테스트_접근사례
Check style 기초가이드
JUnit 지원 라이브러리 소개
테스트 케이스와 SW 품질
Rest api 테스트 수행가이드
단위테스트자동화지원도구 임성현 최종
Testing & refactoring
행복한 개발을 위한_테스트_케이스
테스트자동화와 TDD
(SW 아키텍트 대회 2차)단위테스트자동화도구
TDD.JUnit.조금더.알기
Espresso ui test
Robot framework 을 이용한 기능 테스트 자동화
Ad

Similar to Frontend test-environment 이해하기 (20)

PPTX
테스트 자동화와 TDD(테스트 주도 개발방법론)
PDF
2024.09.24 발표 자료 : 테스트를 해야 하는 이유
PDF
엔지니어의 학습, 그리고 테스트 코드
PDF
[SWMaestro 100+ 발표자료] 테스트하기
PDF
testing for agile?, agile for testing
PPTX
자동화된 Test Case의 효과
PDF
개발이 테스트를 만났을 때(Shift left testing)
PDF
111 n grinder-deview_day1_track1_session_1_ver_2
PDF
애자일과 애자일 테스트 소개 (테스트기본교육 3장 2절)
PDF
(편집-테스트카페 발표자료) 1인 QA 수행사례로 발표한 자료 (W프로젝트 사례)
PDF
크로스(멀티)브라우저 테스트수행가이드
PDF
발표자료 1인qa로살아남는6가지방법
PDF
KGC 2014, 'Software Enginner in Test' in Game Development (Bluehole Studio)
PDF
UI 정적분석툴 소개와 활용사례
PPTX
Clean code chapter9
PDF
NDC21_게임테스트자동화5년의기록_NCSOFT_김종원.pdf
PDF
Architecture patterns with python (2)
PDF
Naver Campus Hackday Winter 2017 참가 후기
PDF
Devon 2011-b-5 효과적인 레거시 코드 다루기
PPTX
Tr#3 5) 임성현 책임
테스트 자동화와 TDD(테스트 주도 개발방법론)
2024.09.24 발표 자료 : 테스트를 해야 하는 이유
엔지니어의 학습, 그리고 테스트 코드
[SWMaestro 100+ 발표자료] 테스트하기
testing for agile?, agile for testing
자동화된 Test Case의 효과
개발이 테스트를 만났을 때(Shift left testing)
111 n grinder-deview_day1_track1_session_1_ver_2
애자일과 애자일 테스트 소개 (테스트기본교육 3장 2절)
(편집-테스트카페 발표자료) 1인 QA 수행사례로 발표한 자료 (W프로젝트 사례)
크로스(멀티)브라우저 테스트수행가이드
발표자료 1인qa로살아남는6가지방법
KGC 2014, 'Software Enginner in Test' in Game Development (Bluehole Studio)
UI 정적분석툴 소개와 활용사례
Clean code chapter9
NDC21_게임테스트자동화5년의기록_NCSOFT_김종원.pdf
Architecture patterns with python (2)
Naver Campus Hackday Winter 2017 참가 후기
Devon 2011-b-5 효과적인 레거시 코드 다루기
Tr#3 5) 임성현 책임
Ad

More from 성훈 백 (6)

PDF
GDSC_백성훈.pdf
PDF
GraphQL이란?
PDF
Css system
PDF
Es6 module
PDF
CSS와 BEM
PDF
CSS Rendering - 1
GDSC_백성훈.pdf
GraphQL이란?
Css system
Es6 module
CSS와 BEM
CSS Rendering - 1

Frontend test-environment 이해하기