Testovanie web aplikácií s CasperJS (WebElement #11)

Transcript

1. CasperJS Vladimír Kriška (@ujovlado) WebElement #11
2. Čo je CasperJS? Navigation scripting & testing utility CasperJS je postavený na PhantomJS - náhrada browsera využívajúca Webkit.
3. Čo všetko vie? • Browsovať • Vypĺňať formuláre • Klikať • Robiť screenshoty • Sťahovať content • Testovať • ...
4. A ešte • Vykonávať kód na klientskej strane • Pracovať s viewportom • ...
5. Inštalácia • Stiahnúť PhantomJS a CasperJS • Vytvoriť symlinky vlado@pc:~$ ln -s casper_path/bin/casperjs /usr/local/bin/casperjs vlado@pc:~$ casperjs javascript.js
6. Command Line Interface casper.cli.has(); casper.cli.get(); Dva prístupy. // pre options casper.cli.has("arg"); // casper.cli.get("arg"); // pre args casper.cli.has(0); // casper.cli.get(0);
7. Selektory // CSS3 casper.test.assertExists('#main', 'existuje'); // XPath casper.test.assertExists({ type: 'xpath', path: '//*[@id="main"]' }, 'existuje');
8. HTTP Status Codes Nezačnem testovať keď nastala chyba. casper.on('http.status.404', function() { this.echo('404').exit(); }); casper.start('http://localhost/404', function() { this.echo('vsetko v poriadku'); });
9. Verbose (debug) mode Chcem vedieť, čo sa deje var casper = require('casper').create({ verbose: true, logLevel: "debug" }); // logovanie casper.log('debug message', 'debug');
10. Eventy casper.on("meno.eventu", function(resource) { // nieco sprav }); • http.status.[code] • remote.alert • fill • start, exit • click • ...
11. Vlastné eventy casper.on("webelement.presentation", function (status) { this.echo("WebElement prednaska " + status); }); casper.start("http://localhost/casperjs", function() { var presentationStatus = 'bezi'; this.emit("webelement.presentation", presentationStatus); });
12. Testovanie Metódy: • assert() • assertEval() • assertExists() • assertNot() • ... this.test.assertExists('.form', 'Form existuje');
13. Príklady ...
14. Ďakujem vlado@pc:~$ casperjs presentation.js PASS Odprezentovane PASS 1 tests executed, 1 passed, 0 failed. vlado@pc:~$