Tests and automation with PhantomJS and CasperJS

Examples available at https://github.com/henvic/phantom-casper-simple-talk
Slides in Portuguese: https://speakerdeck.com/henvic/testes-e-automacao-com-phantomjs-e-casperjs

Transcript

1. Tests and automation with PhantomJS and CasperJS Henrique Vicente https://github.com/henvic/phantom-casper-simple-talk https://speakerdeck.com/henvic/testes-e-automacao-com-phantomjs-e-casperjs 2nd-open-meeting-pernambucojs Saturday, August 24, 13
2. phantomjs.org casperjs.org Easy install * CasperJS’ website recommends the 1.1-beta, instead of the 1.0 stable version Saturday, August 24, 13
3. faster running integration tests web scraping automation (i.e., mass data insertions) remote rendering (e.g., make PDFs out of HTML + CSS templates to send by email) Saturday, August 24, 13
4. A WebKit based web stack with a JavaScript API WebKit + Qt, not Node.JS headless Remote debugging GhostDriver: web driver for Selenium Saturday, August 24, 13
5. page.evaluate() magic Saturday, August 24, 13
6. page.evaluate() magic Executed code on the page (sandboxed) Like in: “a console.log(“foo”) inside evaluate() happens inside the page context, not like a console.log(“foo”) outside it” Saturday, August 24, 13
7. Saturday, August 24, 13
8. PhantomJS API phantom object Several modules 1. webpage 2. system 3. fs 4. webserver 5. child_process Your own modules Saturday, August 24, 13
9. phantom (global) .cookies .addCookie .deleteCookie .exit .injectJS ... Saturday, August 24, 13
10. The WebPage module Funções Propriedades Callbacks Triggers para callbacks Saturday, August 24, 13
11. The System module Propriedades: pid platform os env args parâmetros como em git --commit “foo” Saturday, August 24, 13
12. The FileSystem module Properties separator {String} workingDirectory {String} Stream object returned by fs.open Functions Saturday, August 24, 13
13. WebServer, child_process... WebServer Create a web server child_process Allows invoking of subprocesses and communicates with stdin / stdout / stderr Saturday, August 24, 13
14. Remote debugging Go to http://localhost:9000/ on a WebKit-based browser --remote-debugger-autorun=yes or __run() on the browser Saturday, August 24, 13
15. Saturday, August 24, 13
16. Testing framework developed with JS Works on top of PhantomJS, and now also on top of SlimerJS (which is similar to PhantomJS, but Gecko based) Has its own modules, like PhantomJS (and some just like it) Saturday, August 24, 13
17. Functional testing with CasperJS Verify if your WordPress install has the following things working out correctly: - login - loading the new post form from a button - form rich editor is opening - creating a post - etc Saturday, August 24, 13
18. Functional testing with CasperJS Saturday, August 24, 13
19. End Tests and automation with PhantomJS and CasperJS Henrique Vicente https://github.com/henvic/phantom-casper-simple-talk https://speakerdeck.com/henvic/testes-e-automacao-com-phantomjs-e-casperjs 2nd-open-meeting-pernambucojs Saturday, August 24, 13
20. Reference https://github.com/ariya/phantomjs/wiki/API-Reference https://github.com/n1k0/casperjs/wiki http://docs.casperjs.org/en/latest/ Imagens: http://menina-voadora.blogspot.com.br/2012/08/ historias-do-povo.html Saturday, August 24, 13