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
76
How Traveloka Handle Data Pipeline for Big Things?
hellowin
4
620
Data Lake Implementation in Traveloka
hellowin
2
310
How Big Data Platform Handle Big Things
hellowin
1
140
How Big Data Works in Sale Stock
hellowin
4
490
Interactive Animations with React Native
hellowin
0
140
Loopback Framework for Developing REST API with Node.js
hellowin
1
140
Facebook Developer Circle: Malang - Initial Meet Up
hellowin
0
110
Other Decks in Programming
See All in Programming
密集、ドキュメントのコロケーション with AWS Lambda
satoshi256kbyte
0
190
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
4
380
Software Architecture
hschwentner
6
2.1k
sappoRo.R #12 初心者セッション
kosugitti
0
240
DevinとCursorから学ぶAIエージェントメモリーの設計とMoatの考え方
itarutomy
1
670
GitHub Actions × RAGでコードレビューの検証の結果
sho_000
0
250
社内フレームワークとその依存性解決 / in-house framework and its dependency management
vvakame
1
550
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
200
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…?
maroon1st
1
180
Formの複雑さに立ち向かう
bmthd
1
810
もう僕は OpenAPI を書きたくない
sgash708
3
990
ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介
fukubaka0825
2
310
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
We Have a Design System, Now What?
morganepeng
51
7.4k
Music & Morning Musume
bryan
46
6.3k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Git: the NoSQL Database
bkeepers
PRO
427
64k
Code Review Best Practice
trishagee
66
17k
Building Adaptive Systems
keathley
40
2.4k
A designer walks into a library…
pauljervisheath
205
24k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Become a Pro
speakerdeck
PRO
26
5.1k
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