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

Testando componentes mais rápido que miojo

Avatar for Gustavo Guimarães Gustavo Guimarães
August 11, 2018
Programming
1
53

Testando componentes mais rápido que miojo

Lightning Talk realizada no Front In Vale 2018

Avatar for Gustavo Guimarães

Gustavo Guimarães

August 11, 2018
Tweet

More Decks by Gustavo Guimarães

See All by Gustavo Guimarães
Construindo SPA's consistentes com Vue Router
Avatar for Gustavo Guimarães gustavogf
1
67

Other Decks in Programming

See All in Programming
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
Avatar for clshinji clshinji
1
200
1から理解するWeb Push
Avatar for Minoru Takeuchi dora1998
4
1.4k
Claude Codeで実装以外の開発フロー、どこまで自動化できるか？失敗と成功
Avatar for ndaDayo.Sugawawa ndadayo
4
1.9k
為你自己學 Python - 冷知識篇
Avatar for 高見龍 eddie
1
340
Namespace and Its Future
Avatar for Satoshi Tagomori tagomoris
6
690
tool ディレクティブを導入してみた感想
Avatar for Sugar Sato sgash708
1
160
go test -json そして testing.T.Attr / Kyoto.go #63
Avatar for utagawa kiki utgwkk
2
240
250830 IaCの選定~AWS SAMのLambdaをECSに乗り換えたときの備忘録~
Avatar for Takumi Abe east_takumi
0
370
Rancher と Terraform
Avatar for Ryoma Fujiwara fufuhu
2
200
Flutter with Dart MCP: All You Need - 박제창 2025 I/O Extended Busan
Avatar for JaiChangPark itsmedreamwalker
0
120
Swift Updates - Learn Languages 2025
Avatar for Yuta Koshizawa koher
2
410
TDD 実践ミニトーク
Avatar for Daisuke Garaike contour_gara
1
280

Featured

See All Featured
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
161
15k
It's Worth the Effort
Avatar for 3n 3n
187
28k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.8k
Code Review Best Practice
Avatar for Trisha Gee trishagee
70
19k

Transcript

  1. Testando componentes mais rápido que miojo

  2. Gustavo Guimarães Desenvolvedor front end na Quero Educação gustavogmrs gustavoguimrs

    gustavogf

  3. Por que testar?

  4. Garantir que a sua aplicação está funcionando

  5. Jest

  6. None

  7. Teste de Snapshot

  8. Qualquer framework JS

  9. None

  10. <mcs-list :query="search" />

  11. <input type="text" v-model="search">

  12. $ yarn add jest

  13. { "scripts": { "test": "jest" } } package.json

  14. McsList.spec.js

  15. McsList.spec.js

  16. McsList.spec.js

  17. McsList.spec.js

  18. McsList.spec.js

  19. McsList.spec.js

  20. McsList.spec.js

  21. McsList.spec.js

  22. McsList.spec.js

  23. McsList.spec.js

  24. McsList.spec.js

  25. $ yarn test

  26. None

  27. Inicia teste Tem snapshot? Compara snapshots Cria novo snapshot Teste

    passa Teste passa Teste falha Sim Não != =

  28. Inicia teste Tem snapshot? Cria novo snapshot Teste passa Não

  29. McsList.spec.js.snap

  30. McsList.spec.js.snap

  31. McsList.spec.js.snap

  32. None
  33. None

  34. McsList.spec.js.snap

  35. None
  36. None

  37. $ yarn test

  38. None
  39. None

  40. Inicia teste Tem snapshot? Compara snapshots Cria novo snapshot Teste

    passa Teste passa Teste falha Sim Não != =

  41. Inicia teste Tem snapshot? Compara snapshots Teste passa Teste falha

    Sim != =
  42. None
  43. None

  44. $ yarn test

  45. None
  46. None