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
130
1

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

More Decks by Yoan Pratama Putra

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

Other Decks in Programming

See All in Programming
エージェンティックRAGにAWSで入門しよう！
Avatar for Har1101 har1101
8
1.4k
Dataformのリポジトリを立ち上げるときにまずやること / dataform-day0-2026
Avatar for snhryt snhryt
0
150
「なぜそう決めたのか」を残し続ける仕組み ― Notion AI カスタムエージェント × Slack連携による設計判断の自動記録 - NIKKEI Tech Talk #47
Avatar for ニフティ株式会社 niftycorp
PRO
0
110
New "Type" system on PicoRuby
Avatar for pocke pocke
1
820
[2026年度第1回ORセミナー] 計画最適化ベンチャーと競技プログラミング人材
Avatar for terry-u16 terryu16
0
260
Datadog × OpenTelemetry 入門と実践のあいだ
Avatar for Max Kento kn_to_maxpno
1
150
スマートグラスで並列バイブコーディング
Avatar for Hayami Shuhei hyshu
0
120
キャリア迷子上等 ─ "ない道"は自分で作ればいい
Avatar for 16bit_idol 16bitidol
3
2k
jQueryをバージョンアップする前に使いたいjQuery Migrate
Avatar for Atsushi Matsuo matsuo_atsushi
0
200
Why Laravel apps break—Mastering the fundamentals to keep them maintainable
Avatar for 武田 憲太郎 kentaroutakeda
1
350
Copilot CLI の継戦能力を高める コンテキスト管理
Avatar for Nozomuts nozomutu
1
1.2k
TAKTでAI駆動開発の品質を設計する
Avatar for かとじゅん j5ik2o
6
1.2k

Featured

See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.5k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.4k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.2k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
490
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Fireside Chat
Avatar for paigeccino paigeccino
42
3.9k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.3k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
480
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
240

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