SlideShare une entreprise Scribd logo
Les tests automatisés
JavaScript
Pascal Laurin
Décembre 2015
@plaurin78
pascal.laurin@outlook.com
www.pascallaurin.com
http://fr.slideshare.net/PascalLaurin
https://bitbucket.org/pascallaurin
Microsoft .NET MVP
Développeur & Architecte chez GSoft
1. Pourquoi et quand les tests clients?
2. Les outils à installer
1. Node.js
2. npm
3. Gulp
4. Jasmine
3. Démos
4. Autres outils
1. Node tools for VS
2. Istanbul (code coverage)
3. Cucumber
Agenda
Qualité du code et maintenance
Principalement pour les mêmes raisons qu’on teste le code
serveur aujourd’hui.
Pour
Beaucoup de code client-side
SPA
Contre
Interaction avec le DOM
Data-binding, ‘code’ dans le HTML
3
Pourquoi et quand les tests clients?
https://nodejs.org
4
Les outils à installer
Node.js
https://www.npmjs.com/
5
Les outils à installer
npm
6
Les outils à installer
Gulp
http://gulpjs.com/
7
Les outils à installer
Jasmine
http://jasmine.github.io/
Cmd fun!
Node.js
Npm
VS Code
Gulp et Jasmine
Comparaison dans Visual Studio
Node tools for VS
Debugging dans VSCode
8
Démos
https://bitbucket.org/pascallaurin/jstests-talk/overview
https://www.visualstudio.com/en-us/features/node-js-
vs.aspx
9
Autres outils
Node.js tools for Visual Studio
https://www.npmjs.com/package/gulp-istanbul
10
Autres outils
Istanbul
https://www.npmjs.com/package/gulp-cucumber
11
Autres outils
Cucumber
Références
BitBucket pour le code
• https://bitbucket.org/pascallaurin/jstests-talk
Les outils de base
• https://nodejs.org
• https://www.npmjs.com/
• http://gulpjs.com/
• http://jasmine.github.io/
Autres outils
• https://www.visualstudio.com/en-us/features/node-js-vs.aspx
• https://www.npmjs.com/package/gulp-istanbul
• https://www.npmjs.com/package/gulp-cucumber
Questions?
@plaurin78
www.pascallaurin.com
pascal.laurin@outlook.com
http://fr.slideshare.net/PascalLaurin
https://bitbucket.org/pascallaurin

Contenu connexe

PPTX
7 astuces pour améliorer vos tests unitaires
PDF
L'amélioration des tests unitaires par le refactoring
PPTX
[Agile Testing Day] Test Driven Development (TDD)
ZIP
Robot Framework Introduction
PDF
Automatisations des tests fonctionnels avec Robot Framework
PDF
Les tests behat par la pratique
PDF
BBL - TDD pour les DevOps - Puppet
ODP
Présentation de Robot framework
7 astuces pour améliorer vos tests unitaires
L'amélioration des tests unitaires par le refactoring
[Agile Testing Day] Test Driven Development (TDD)
Robot Framework Introduction
Automatisations des tests fonctionnels avec Robot Framework
Les tests behat par la pratique
BBL - TDD pour les DevOps - Puppet
Présentation de Robot framework

Tendances (20)

PPTX
[Agile Testing Day] Behavior Driven Development (BDD)
PPTX
Paris Web 2015 - Atelier désendettement Javascript legacy
PPTX
[Agile Testing Day] Test & Métiers
PPTX
[Agile Testing Day] Introduction
PPTX
Jenkins - Les jeudis de la découverte
PPTX
Pourquoi vous ne pouvez pas tester votre code
PPTX
[Agile Testing Day] Techniques avancées de tests
PPTX
MS365 Developer Bootcamp 2020 à Montréal - Trucs & Astuces SharePoint Framework
PPTX
Human Talks Grenoble - 11/12/2012 - TDD
PDF
Jenkins Workflow
PDF
Jenkins - perdre du temps pour en gagner
PDF
TDD for DevOps with Chef
PDF
Intégration Continue PHP avec Jenkins CI
PDF
Normandy JUG integration Continue
PPT
Asp Au Service Des Mv Ps
PPTX
Tester avant de déployer ; comment tester ses déploiements ARM.
PPTX
01 - [ASP.NET Core] Plénière
PDF
What's Next Replay - IC / Jenkins
PPTX
5- [ASP.NET Core] Devops : VSTS, Git, Azure, Docker, Linux
PPT
Intégration continue transco
[Agile Testing Day] Behavior Driven Development (BDD)
Paris Web 2015 - Atelier désendettement Javascript legacy
[Agile Testing Day] Test & Métiers
[Agile Testing Day] Introduction
Jenkins - Les jeudis de la découverte
Pourquoi vous ne pouvez pas tester votre code
[Agile Testing Day] Techniques avancées de tests
MS365 Developer Bootcamp 2020 à Montréal - Trucs & Astuces SharePoint Framework
Human Talks Grenoble - 11/12/2012 - TDD
Jenkins Workflow
Jenkins - perdre du temps pour en gagner
TDD for DevOps with Chef
Intégration Continue PHP avec Jenkins CI
Normandy JUG integration Continue
Asp Au Service Des Mv Ps
Tester avant de déployer ; comment tester ses déploiements ARM.
01 - [ASP.NET Core] Plénière
What's Next Replay - IC / Jenkins
5- [ASP.NET Core] Devops : VSTS, Git, Azure, Docker, Linux
Intégration continue transco
Publicité

En vedette (20)

PPTX
Implementing DDD with C#
PPTX
PPTX
Behaviour Driven Development with SpecFlow
PDF
Domain-Driven Design with ASP.NET MVC
PPTX
Cloud design patterns
PPTX
DDD (Domain-Driven Design)
PPT
DDD Sydney 20111 Razor Session
PPTX
Test Driven Development (C#)
PPTX
DDD, CQRS and testing with ASP.Net MVC
PDF
Domain-driven design - eine Einführung
PPTX
Introducción a DDD
PDF
Test and Behaviour Driven Development (TDD/BDD)
PDF
Test Driven Development (TDD)
PPTX
A Practical Guide to Domain Driven Design: Presentation Slides
PDF
Using the Actor Model with Domain-Driven Design (DDD) in Reactive Systems - w...
PPTX
Domain Driven Design 101
PDF
Event storming recipes
PPTX
Los beneficios de los portafolios (1)
PPT
2010 09-15 lock-schuppencoworking
PPS
Agua Y Musica
Implementing DDD with C#
Behaviour Driven Development with SpecFlow
Domain-Driven Design with ASP.NET MVC
Cloud design patterns
DDD (Domain-Driven Design)
DDD Sydney 20111 Razor Session
Test Driven Development (C#)
DDD, CQRS and testing with ASP.Net MVC
Domain-driven design - eine Einführung
Introducción a DDD
Test and Behaviour Driven Development (TDD/BDD)
Test Driven Development (TDD)
A Practical Guide to Domain Driven Design: Presentation Slides
Using the Actor Model with Domain-Driven Design (DDD) in Reactive Systems - w...
Domain Driven Design 101
Event storming recipes
Los beneficios de los portafolios (1)
2010 09-15 lock-schuppencoworking
Agua Y Musica
Publicité

Dernier (6)

PDF
Modems expliqués- votre passerelle vers Internet.pdf
PDF
L'évolution de la création de contenu (2020-2025) : L'impact de l'IA générati...
PPTX
Presentation_Securite_Reseaux_Bac+2.pptx
PDF
FORMATION COMPLETE EN EXCEL DONE BY MR. NYONGA BRICE.pdf
PDF
Tendances tech 2025 - SFEIR & WENVISION.pdf
PDF
FORMATION EN Programmation En Langage C.pdf
Modems expliqués- votre passerelle vers Internet.pdf
L'évolution de la création de contenu (2020-2025) : L'impact de l'IA générati...
Presentation_Securite_Reseaux_Bac+2.pptx
FORMATION COMPLETE EN EXCEL DONE BY MR. NYONGA BRICE.pdf
Tendances tech 2025 - SFEIR & WENVISION.pdf
FORMATION EN Programmation En Langage C.pdf

Tests automatisés java script