Les tests automatisés JavaScript

Pascal Laurin

Décembre 2015

@plaurin78pascal.laurin@outlook.com

www.pascallaurin.comhttp://fr.slideshare.net/PascalLaurin

https://bitbucket.org/pascallaurin

Microsoft .NET MVPDé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

Gulphttp://gulpjs.com/

7

Les outils à installer

Jasminehttp://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