Ecrire des tests en Javascript

Slides présentés au JUG Lyon le 26 janvier 2017. Le principe étant de montrer à un développeur full stack Java comme moi que les tests en Javascript sont aussi importants que ceux en Java et aussi simples à mettre en place

Transcript

1. @guillaumeehret Lyon JUG développer en toute sérénité Tests Javascript Guillaume EHRET - @guillaumeehret Lyon JUG
2. @guillaumeehret Lyon JUG Guillaume EHRET http://javamind-fr.blogspot.fr/
3. @guillaumeehret Lyon JUG
4. @guillaumeehret Lyon JUG Les 20 & 21 avril 2017 https://www.mix-it.fr/ CPE LYON
5. @guillaumeehret Lyon JUG Présentation Pourquoi les tests sont importants ? Le Javascript n’est pas sale Exécuter des tests en JavaScript Jasmine comment écrire des tests
6. @guillaumeehret Lyon JUG System under test
7. @guillaumeehret Lyon JUG System under test
8. @guillaumeehret Lyon JUG Les collaborateurs
9. @guillaumeehret Lyon JUG Test unitaire
10. @guillaumeehret Lyon JUG Mocker les collaborateurs
11. @guillaumeehret Lyon JUG Tests e2e
12. @guillaumeehret Lyon JUG Boite noire
13. @guillaumeehret Lyon JUG Entrées Sorties Boite noire
14. @guillaumeehret Lyon JUG Entrées Sorties Arrange Act Assert Méthode AAA
15. @guillaumeehret Lyon JUG Présentation Pourquoi les tests sont importants ? Le Javascript n’est pas sale Exécuter des tests en JavaScript Jasmine comment écrire des tests
16. @guillaumeehret Lyon JUG Lorsque vous codez, est ce que vous aimez ?
17. @guillaumeehret Lyon JUG source: http://giphy.com/ naviguer à vue ?
18. @guillaumeehret Lyon JUG source: http://giphy.com/ Les regressions ?
19. @guillaumeehret Lyon JUG Les tests vous aident à coder sereinement
20. @guillaumeehret Lyon JUG source: http://giphy.com/ Design
21. @guillaumeehret Lyon JUG source: http://giphy.com/ Documentation
22. @guillaumeehret Lyon JUG Présentation Pourquoi les tests sont importants ? Le Javascript n’est pas sale Exécuter des tests en JavaScript Jasmine comment écrire des tests
23. @guillaumeehret Lyon JUG …..
24. @guillaumeehret Lyon JUG var x = 0.1; var y = 0.2; Que vaut x+y ?
25. @guillaumeehret Lyon JUG var x = 0.1; var y = 0.2; Que vaut x+y ? x+y = 0.30000000000000004 Floating point problem
26. @guillaumeehret Lyon JUG var color = []; color[1] = 'red'; Que vaut color.length ?
27. @guillaumeehret Lyon JUG var color = []; color[1] = 'red'; Que vaut color.length ? color.length = 2 Array length is not size
28. @guillaumeehret Lyon JUG function status(x) { if (x = 10) { return 'win'; } return 'loose'; } Que vaut status(3) ?
29. @guillaumeehret Lyon JUG function status(x) { if (x = 10) { return 'win'; } return 'loose'; } Que vaut status(3) ? win Accidentally using assignment operator
30. @guillaumeehret Lyon JUG Que vaut true + 4 ? 5 + '4' ?
31. @guillaumeehret Lyon JUG Que vaut true + 4 ? 5 + '4' ? true + 4 = 5 5 + '4' = '54' JavaScript often convert value in number
32. @guillaumeehret Lyon JUG source: http://giphy.com/ Don’t be afraid
33. @guillaumeehret Lyon JUG Présentation Pourquoi les tests sont importants ? Le Javascript n’est pas sale Exécuter des tests en JavaScript Jasmine comment écrire des tests
34. @guillaumeehret Lyon JUG
35. @guillaumeehret Lyon JUG Serveur HTTP Application Javascript Fichiers specs.js Runner (page qui lance les tests) HTML JS specs watch start start & exec results for reports 1 2 3 4
36. @guillaumeehret Lyon JUG source: http://giphy.com/
37. @guillaumeehret Lyon JUG Présentation Pourquoi les tests sont importants ? Le Javascript n’est pas sale Exécuter des tests en JavaScript Jasmine comment écrire des tests
38. @guillaumeehret Lyon JUG
39. @guillaumeehret Lyon JUG Lisibilité
40. @guillaumeehret Lyon JUG Lisibilité Maintenabilité
41. @guillaumeehret Lyon JUG Lisibilité Maintenabilité Confiance
42. @guillaumeehret Lyon JUG Questions
43. @guillaumeehret Lyon JUG https://github.com/Dev-Mind/lyonjug-testjs
44. @guillaumeehret Lyon JUG Merci