Testování klientských Javascriptových aplikací
Download as PPTX, PDF0 likes324 views
This slides are only in Czech language. Slidy z workshopu Testování klientských Javascriptových aplikací, který proběhl na Webexpo 2012. Shrnuje jak nastavit automatické testování, spouštění testů napsaných v testovacím frameworku Jasmine pomocí Selenium Gridu a CI serveru Jenkins.
![Testování JS projektů - Jasmine
• Number: 0, -
0, NaN, Infinity, 0.3, [0], true, false, 0x12, 1e-
20, "33" vs. {}, [1,2], null, undefined
• Indexy
• Boolean: true, false, -
1, 0, 1, "", "a", "false", [0], [1], {}, null](https://image.slidesharecdn.com/workshop-testovani-121001131620-phpapp01/85/Testovani-klientskych-Javascriptovych-aplikaci-6-320.jpg)
Testování klientských Javascriptových aplikací
- 1. Workshop Testování JS aplikací Michal Aichinger 20.9.2012 Webexpo
- 2. Testování – potřebný software • Firefox • Java • Jasmine: http://pivotal.github.com/jasmine • Selenium: http://seleniumhq.org (FF + server) • Jenkins: http://jenkins-ci.org • HTTP Server, např.: http://apache.org • Verzovací systém, např.: http://git-scm.com • Serverový Xunit, např.: PHPUnit
- 3. Testování • Debugovat > Kontrolovat > Testovat • Testování stojí čas (průměrně 2×) • Oprava chyby je během vývoje 10× levnější • Manuální testování stojí čas a nikoho nebaví • Testy by měli psát zkušení vývojáři (ne opice)
- 4. Testování JS projektů – Lokální automatizace • Napsat Jasmine unit testy • Naklikat akceptační testy v Selenium IDE • Zkonvertovat je do xUnit • Spouštět je pravidelně
- 5. Testování JS projektů - Jasmine • Client side - prohlížeč • Server side – node.js, headless browser: PhantomJS, JSChillicat, Rhino + env.js (děs) • Vlastní matchery, reporty • Možnost testovat asynchronní události • Mockování pomocí „špionů“ (spyOn) • http://www.czechdesign.cz/blogs/aichi/testov ani-javascriptovych-projektu
- 6. Testování JS projektů - Jasmine • Number: 0, - 0, NaN, Infinity, 0.3, [0], true, false, 0x12, 1e- 20, "33" vs. {}, [1,2], null, undefined • Indexy • Boolean: true, false, - 1, 0, 1, "", "a", "false", [0], [1], {}, null
- 7. Testování JS projektů - Jasmine • Mockování serverů a komponent • Pozor na netestovatelný kód v uzávěrách • Testovat všechny větve kódu ne jen nejběžnější (může pomoci JSCoverage) • Testovat „privátní“ metody a vlastnosti?
- 8. Testování JS projektů - Selenium • Automatizace manuálního testování • Naklikání testů v prohlížeči Firefox (Selenium IDE) • Spouštění jednou napsaných testů v různých prohlížečích (Selenium Server) • Vzálené testování client-server (Selenium Grid)
- 9. Testování JS projektů – Selenium IDE • Plugin do Firefoxe • Vytváří testy ve formátu HTML • Přehravač testů • Možno vyexportovat do xUnit jako PHPUnit (s rozšířením), RSpec, Junit, NUnit...
- 10. Testování JS projektů - PHPUnit • Odbočka k serverovým testům – xUnit • Možnost skriptovat Selenium testy • Možnost spouštět server/client testy z jednoho místa • Jasmine UT lze spustit přes Selenium z xUnit testu
- 11. Testování JS projektů - PHPUnit • Instalace PHPUnit • http://agile.dzone.com/news/continuous- integration-php • Spuštění Selenium lokálně java –jar selenium_server.jar • Spuštění PHPUnit testů phpunit path_to_test_dir
- 12. Testování JS projektů – Git hook • Spouštět testy pravidelně po kommitu • Git má pre-commit hooky • http://www.kernel.org/pub/software/scm/git/ docs/githooks.html • Git PHPUnit hook • http://www.masnun.me/2012/03/18/running -phpunit-on-git-hook.html
- 13. Testování JS projektů – vzdálená automatizace • Jasmine UT + Selenium testy + xUnit testy • Selenium Grid • Automatizace pomocí CI serveru (Jenkins)
- 14. Testování JS projektů – Selenium Grid
- 15. Testování JS projektů – Selenium Grid • Spuštění serveru: java –jar selenium-server.jar –role hub • Spuštění node: java –jar selenium-server.jar –role node –hub http://server:4444/grid/register • Výchozí nastavení nabídne 5 instancí FF, GCH a 1 instanci IE (možný paralelismus, možno specifikovat nabízené verze prohlížečů, možno specifikovat prostředí v testu)
- 16. Testování JS projektů – Selenium Grid • xUnit (PHPUnit) testy zůstavají stejné • Nutné zprovoznit CI server pro automatizované a opakovatelné spouštění testů • Jenkins + pluginy pro Git a Text search jsou minimum
- 17. Testování JS projektů - Selenium • Další využití i. Simulace kurzoru uživatele ii. Screenshoty a porovnávání obrázků iii. Výkonové testy (radši spouštět jinak než přes Selenium)
- 18. Testování JS projektů - Jenkins • CI? Continuous integration • Pomáhá automatizovat periodickou činnost • Úkoly = jobs • Úkol je směs příkazů a použití modulů • Úkoly se dají řetězit
- 19. Testování JS projektů - Jenkins • Zprovoznit Selenium Grid • Nastavit Jenkins job, který: 1. periodicky stáhne z Gitu data (pooling nebo http hook) 2. Spustí xUnit testy 3. Hledá ve výstupu konzole informace o chybě a označí build za chybný. (Plugin Text find)
- 20. Konec Michal Aichinger @aichinge michal.aichinger@gmail.com http://about.me/aichinger