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

Les tests en Javascript

Les tests en Javascript

Slides de ma session sur les tests donnée au Breizhcamp 2015 à Rennes. Le but était de voir pourquoi et comment faire des tests unitaires et d'intégration dans une application Javascript. Pour la partie livecoding la présentation sera diffusée sur le site de la conférence. Au menu Jasmine, Karma et Protractor..

Dev-Mind

June 13, 2015
Tweet

More Decks by Dev-Mind

Other Decks in Technology

Transcript

  1. BreizhCamp 2015 #BzhCmp #testAppJS BreizhCamp 2015 #BzhCmp Tester une application

    JS Jasmine, Karma, Protractor Guillaume EHRET - @guillaumeehret Dev-Mind - @DevMind_FR
  2. Fonctionnement de Karma @guillaumeehret 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
  3. Fonctionnement de Protractor @guillaumeehret serveur Selenium (local ou remote) Application

    Javascript WebDriver (selenium) Browser drivers specs load send start exec results for reports Fichiers specs.js WebDrivers JS (selenium WebDriver API) protractor.conf.js seleniumAddress seleniumServerJar 1 2 3 4
  4. Fonctionnement de Protractor @guillaumeehret Application Javascript Browser drivers load results

    for reports Fichiers specs.js Drivers JS start & exec protractor.conf.js directConnect: true seulement Chrome et Firefox specs 1 2 3
  5. Protractor et selector @guillaumeehret <html> <body> <div id="foo"></div> <foo></foo> <input

    ng-model="foo"/> <span ng-repeat="foo in foos"/> ..etc... </body> </html> element(by.id('foo')) element(by.tagName('foo')) element(by.model('foo')) element(by.repeater('foo in foos')) ..etc...