Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Testing React Using Jest

Avatar for Yoan Pratama Putra Yoan Pratama Putra
April 10, 2017
Programming
1
120

Testing React Using Jest

This is my slides from my talk at ReactID on 10 April 2017

Avatar for Yoan Pratama Putra

Yoan Pratama Putra

April 10, 2017
Tweet

More Decks by Yoan Pratama Putra

See All by Yoan Pratama Putra
Painless UI Testing With Jest
Avatar for Yoan Pratama Putra oshimayoan
0
150

Other Decks in Programming

See All in Programming
202507_ADKで始めるエージェント開発の基本 〜デモを通じて紹介〜（奥田りさ）The Basics of Agent Development with ADK — A Demo-Focused Introduction
Avatar for RisaTube risatube
PRO
6
1.4k
Infer入門
Avatar for r1ru riru
4
1.5k
QA x AIエコシステム段階構築作戦
Avatar for Osu osu
0
270
抽象化という思考のツール - 理解と活用 - / Abstraction-as-a-Tool-for-Thinking
Avatar for shin1x1 shin1x1
1
970
コーディングは技術者(エンジニア)の嗜みでして / Learning the System Development Mindset from Rock Lady
Avatar for mackey0225 mackey0225
2
440
ワープロって実は計算機で
Avatar for Chiharu Shirasaka pepepper
2
1.3k
The State of Fluid (2025)
Avatar for Simon Praetorius s2b
0
140
Android 15以上でPDFのテキスト検索を爆速開発！
Avatar for tonionagauzzi tonionagauzzi
0
200
令和最新版手のひらコンピュータ
Avatar for KOBA789 koba789
13
7.6k
ライブ配信サービスの インフラのジレンマ -マルチクラウドに至ったワケ-
Avatar for Mirrativ mirrativ
1
180
#QiitaBash TDDで(自分の)開発がどう変わったか
Avatar for Tommy(sigma) ryosukedtomita
1
360
あまり知られていない MCP 仕様たち / MCP specifications that aren’t widely known
Avatar for ktr ktr_0731
0
250

Featured

See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
235
140k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
695
190k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
56
5.8k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.9k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.9k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.4k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.6k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
283
13k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.9k

Transcript

  1. TESTING REACT USING JEST

  2. None

  3. ✓ EASY TO SETUP ✓ FAST ✓ INSTANT FEEDBACK ✓

    SNAPSHOT TESTING
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None

  10. HOW ABOUT REACT COMPONENTS?

  11. SNAPSHOT TESTING

  12. None
  13. None

  14. WHAT SHOULD WE TEST?

  15. ✓ RENDERED COMPONENT WITH NO LIST ✓ RENDERED COMPONENT WITH

    LIST ✓ RENDERED COMPONENT WITH FILTERED LIST
  16. None
  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None

  28. SNAPSHOT TESTING PASS FAIL CHANGED BUG

  29. None
  30. None

  31. Thank you! @oshimayoan oshimayoan/testing-react-demo