Browser Automatisierung mit Headless Chrome

Musste man früher noch Websites manuell testen, kann man sich heutzutage das Leben durch automatisierte Tests leichter machen. Die Tests lassen sich im Browser durchführen und durch Headless Browser sogar mit wenig Ressourcen und ohne graphische Oberfläche. Seit Mitte des Jahres ist das nun auch mit dem aktuellen Chrome möglich. In diesem Lightning Talk werden wir kurz über die Vorteile von Headless Browser sprechen und zeigen, wie du deine Website testest und währenddessen davon noch Screenshots machst.

Transcript

1. Browser Automatisierung mit Headless Chrome Markus Zimmermann | cosee markus.zimmermann@cosee.biz
2. Front End Tests Source: https://webuild.envato.com/images/posts/mobile-testing/envato-cross-browser-testing.jpg
3. Warum Headless? • Benötigt keinen Bildschirm • Verbraucht weniger Ressourcen • Integration in Build Server • Steuerbar über API
4. Wo kann ich es einsetzen? • Front End Tests • Web Scraping • Screenshots und PDFs von Websites
5. Welche Tools gibt es? • Selenium - Multi Driver • PhantomJS - Webkit • NightmareJS - Electron • Puppeteer - Chrome • SlimerJS - Firefox • ...
6. Warum Chrome? Source: http://gs.statcounter.com/
7. Dev Tools Protocol
8. Puppeteer • nodeJS Library von Dev Tools Entwickler • Simplere API • Liefert aktuelleste Chromium gleich mit
9. Demo
10. Weitere Ressourcen • Puppeteer API https://github.com/GoogleChrome/puppeteer/blob/master/docs /api.md • Awesome List für Chrome Dev Tools https://github.com/ChromeDevTools/awesome-chrome-devtools • Selenium mit Headless Chrome https://intoli.com/blog/running-selenium-with-headless-chrome/
11. Nächster Talk ... GatsbyJS - Statische Websites mit React <Tobias Lehwalder/> > talks.cosee.biz > blog.cosee.biz