CasperJSVladimír Kriška (@ujovlado)     WebElement #11
Čo je CasperJS?     Navigation scripting & testing utilityCasperJS je postavený na PhantomJS -náhrada browsera využívajúca...
Čo všetko vie?●   Browsovať●   Vypĺňať formuláre●   Klikať●   Robiť screenshoty●   Sťahovať content●   Testovať●   ...
A ešte● Vykonávať kód na klientskej strane● Pracovať s viewportom● ...
Inštalácia● Stiahnúť PhantomJS a CasperJS● Vytvoriť symlinkyvlado@pc:~$ ln -s casper_path/bin/casperjs/usr/local/bin/caspe...
Command Line Interfacecasper.cli.has();casper.cli.get();Dva prístupy.// pre optionscasper.cli.has("arg"); // casper.cli.ge...
Selektory// CSS3casper.test.assertExists(#main, existuje);// XPathcasper.test.assertExists({    type: xpath,    path: //*[...
HTTP Status CodesNezačnem testovať keď nastala chyba.casper.on(http.status.404, function() {    this.echo(404).exit();});c...
Verbose (debug) modeChcem vedieť, čo sa dejevar casper = require(casper).create({    verbose: true,    logLevel: "debug"})...
Eventycasper.on("meno.eventu", function(resource) {    // nieco sprav});●   http.status.[code]●   remote.alert●   fill●   ...
Vlastné eventycasper.on("webelement.presentation", function(status) {    this.echo("WebElement prednaska " + status);});ca...
TestovanieMetódy:● assert()● assertEval()● assertExists()● assertNot()● ...this.test.assertExists(.form, Formexistuje);
Príklady...
Ďakujemvlado@pc:~$ casperjs presentation.jsPASS OdprezentovanePASS 1 tests executed, 1 passed, 0 failed.vlado@pc:~$
Upcoming SlideShare
Loading in...5
×

WebElement #11 - CasperJS

1,370

Published on

http://www.webelement.sk/event/webelement-11-testovanie-web-aplikacii-s-casperjs

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,370
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
12
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

WebElement #11 - CasperJS

  1. 1. CasperJSVladimír Kriška (@ujovlado) WebElement #11
  2. 2. Čo je CasperJS? Navigation scripting & testing utilityCasperJS je postavený na PhantomJS -náhrada browsera využívajúca Webkit.
  3. 3. Čo všetko vie?● Browsovať● Vypĺňať formuláre● Klikať● Robiť screenshoty● Sťahovať content● Testovať● ...
  4. 4. A ešte● Vykonávať kód na klientskej strane● Pracovať s viewportom● ...
  5. 5. Inštalácia● Stiahnúť PhantomJS a CasperJS● Vytvoriť symlinkyvlado@pc:~$ ln -s casper_path/bin/casperjs/usr/local/bin/casperjsvlado@pc:~$ casperjs javascript.js
  6. 6. Command Line Interfacecasper.cli.has();casper.cli.get();Dva prístupy.// pre optionscasper.cli.has("arg"); // casper.cli.get("arg");// pre argscasper.cli.has(0); // casper.cli.get(0);
  7. 7. Selektory// CSS3casper.test.assertExists(#main, existuje);// XPathcasper.test.assertExists({ type: xpath, path: //*[@id="main"]}, existuje);
  8. 8. HTTP Status CodesNezač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. 9. Verbose (debug) modeChcem vedieť, čo sa dejevar casper = require(casper).create({ verbose: true, logLevel: "debug"});// logovaniecasper.log(debug message, debug);
  10. 10. Eventycasper.on("meno.eventu", function(resource) { // nieco sprav});● http.status.[code]● remote.alert● fill● start, exit● click● ...
  11. 11. Vlastné eventycasper.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. 12. TestovanieMetódy:● assert()● assertEval()● assertExists()● assertNot()● ...this.test.assertExists(.form, Formexistuje);
  13. 13. Príklady...
  14. 14. Ďakujemvlado@pc:~$ casperjs presentation.jsPASS OdprezentovanePASS 1 tests executed, 1 passed, 0 failed.vlado@pc:~$
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×