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

Testando componentes mais rápido que miojo

Gustavo Guimarães
August 11, 2018
Programming
1
49

Testando componentes mais rápido que miojo

Lightning Talk realizada no Front In Vale 2018

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
gustavogf
1
59

Other Decks in Programming

See All in Programming
Tailwind CSSを本気でカスタマイズする方法
fsubal
13
5.2k
データアナリストが行うDatabricksを活用したETLの自動化事例
shinoa
0
270
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
200
エンターテイメント業界で利用されるAWS
demuyan
0
210
Blue/Greenデプロイの導入による 運用フローの改善
kudoas
1
370
GraphQLサーバの構成要素を整理する #ハッカー鮨 #tsukijigraphql / graphql server technology selection
izumin5210
4
830
スクラムガイドのスプリントレトロスペクティブを改めて読みかえしてみた / Re-reading the Sprint Retrospective Section in the Scrum Guide
mackey0225
3
410
Komplexe Oberflächen mit SVG und der Web Animation API
joergneumann
0
670
Fragment Composition of GraphQL
quramy
4
810
検証も兼ねて個人開発でHonoとかと向き合った話
hanetsuki
0
870
PHPはいつから死んでいるかの調査
chiroruxx
1
400
Elm 0.19.0 Changes
bkuhlmann
0
490

Featured

See All Featured
Gamification - CAS2011
davidbonilla
76
4.6k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
125
32k
Building a Scalable Design System with Sketch
lauravandoore
456
32k
Fireside Chat
paigeccino
21
2.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
Happy Clients
brianwarren
92
6.4k
Imperfection Machines: The Place of Print at Facebook
scottboms
260
12k
Become a Pro
speakerdeck
PRO
11
4.5k
Writing Fast Ruby
sferik
621
60k
Making the Leap to Tech Lead
cromwellryan
124
8.5k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
42k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k

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