Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Painless UI Testing with Jest
Search
Andi N. Dirgantara
April 19, 2017
Programming
1
120
Painless UI Testing with Jest
This slides was presented on f8meetupmalang2017.splashthat.com by Yoan Pratama Putra from KodeFox.
Andi N. Dirgantara
April 19, 2017
Tweet
Share
More Decks by Andi N. Dirgantara
See All by Andi N. Dirgantara
Building Scalable and Flexible API by Leveraging GraphQL and BigTable
hellowin
0
61
How Traveloka Handle Data Pipeline for Big Things?
hellowin
4
560
Data Lake Implementation in Traveloka
hellowin
2
290
How Big Data Platform Handle Big Things
hellowin
1
130
How Big Data Works in Sale Stock
hellowin
4
480
Interactive Animations with React Native
hellowin
0
110
Loopback Framework for Developing REST API with Node.js
hellowin
1
130
Facebook Developer Circle: Malang - Initial Meet Up
hellowin
0
100
Other Decks in Programming
See All in Programming
C# 大統一理論推進委員会 会員のための Unity Package Manager プロジェクト構成案
monry
PRO
0
580
[スクリプト] Swiftの型推論を学ぼう
omochi
0
110
デザインシステムで Tailwind CSSとCSS in JSに分散投資をしたら良かった話
fsubal
14
3.1k
DocC Tutorial と TCA におけるテスト機能の紹介
kalupas226
1
330
BuefyのMaintainerを引き継いだ件
kikuomax
0
510
MySQL のインデックスの種類をおさらいしよう! / overviewing indexes in MySQL
okashoi
0
170
ONE WEDGE_Company_Information
1wedge
0
160
設計の知識と技能で駆動するソフトウェア開発
masuda220
PRO
18
10k
Deno に Web 標準 API を実装する / Implementing Web Standard API to Deno
petamoriken
0
350
Dockerで始めるAWS Lambda開発
stutkhd0709
13
2.5k
PHP で読む楽しいコアダンプ
sji
0
240
せっかくモデル図描くのなら、嬉しいことが多い方がいいよね!
kuboaki
1
1.3k
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
40
12k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
19
1.9k
Teambox: Starting and Learning
jrom
126
8.4k
The World Runs on Bad Software
bkeepers
PRO
60
6.6k
The Pragmatic Product Professional
lauravandoore
24
5.7k
Code Reviewing Like a Champion
maltzj
512
39k
Building Better People: How to give real-time feedback that sticks.
wjessup
350
18k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
5
1.4k
Testing 201, or: Great Expectations
jmmastey
27
6.3k
What the flash - Photography Introduction
edds
64
11k
A Tale of Four Properties
chriscoyier
150
22k
Transcript
PAINLESS UI TESTING WITH JEST YOAN PRATAMA PUTRA
TESTING TESTING TESTING TESTING TESTING TESTING TESTING TESTING TESTING
WHY TESTING?
PAINLESS UI TESTING WITH JEST - KODEFOX ▸ To find
bugs ▸ To find defects ▸ To ensure what we create does not break ▸ To ensure what we create does what it is supposed to do
HOW TO DO TESTING?
None
PAINLESS UI TESTING WITH JEST - KODEFOX ▸ Fast ▸
Easy Setup ▸ Instant Feedback ▸ Snapshot Testing ▸ From Facebook
PAINLESS UI TESTING WITH JEST - KODEFOX ▸ Watch mode
▸ Mock modules and functions ▸ Mock react native components ▸ Mock react native platform OS FEATURES
None
None
WHAT ABOUT UI COMPONENTS?
SNAPSHOT TESTING
None
expect(component).toMatchSnapshot() get the output of the function save it into
a .snap file has saved snapshot? compare snapshots
SNAPSHOT TESTING PASS FAIL CHANGED BUG
None
None
None
None
None
None
None
WHAT WILL HAPPEN?
None
None
SNAPSHOT TESTING PASS FAIL CHANGED BUG
WHAT WILL HAPPEN?
None
SNAPSHOT TESTING PASS FAIL CHANGED BUG
PAINLESS UI TESTING WITH JEST - KODEFOX BENEFITS OF SNAPSHOT
TESTING ▸ Automated process ▸ Adapt to changes ▸ Easy to maintain
Thank you! @oshimayoan oshimayoan/testing-react-demo