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
130
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
77
How Traveloka Handle Data Pipeline for Big Things?
hellowin
4
620
Data Lake Implementation in Traveloka
hellowin
2
320
How Big Data Platform Handle Big Things
hellowin
1
140
How Big Data Works in Sale Stock
hellowin
4
500
Interactive Animations with React Native
hellowin
0
150
Loopback Framework for Developing REST API with Node.js
hellowin
1
150
Facebook Developer Circle: Malang - Initial Meet Up
hellowin
0
110
Other Decks in Programming
See All in Programming
Agent Rules as Domain Parser
yodakeisuke
1
350
漸進。
ssssota
0
1.2k
TSConfigからTypeScriptの世界を覗く
planck16
2
1.3k
複数アプリケーションを育てていくための共通化戦略
irof
3
790
PT AI без купюр
v0lka
0
200
バランスを見極めよう!実装の意味を明示するための型定義 TSKaigi 2025 Day2 (5/24)
whatasoda
2
780
💎 My RubyKaigi Effect in 2025: Top Ruby Companies 🌐
yasulab
PRO
1
130
衛星の軌道をWeb地図上に表示する
sankichi92
0
250
❄️ tmux-nixの実装を通して学ぶNixOSモジュール
momeemt
1
120
Feature Flag 自動お掃除のための TypeScript プログラム変換
azrsh
PRO
4
630
Passkeys for Java Developers
ynojima
1
210
事業戦略を理解してソフトウェアを設計する
masuda220
PRO
8
1.4k
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Statistics for Hackers
jakevdp
799
220k
Embracing the Ebb and Flow
colly
85
4.7k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
25
2.8k
Why Our Code Smells
bkeepers
PRO
336
57k
Done Done
chrislema
184
16k
BBQ
matthewcrist
88
9.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.6k
How GitHub (no longer) Works
holman
314
140k
Gamification - CAS2011
davidbonilla
81
5.3k
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