Modern Web Testing and Automation with Puppeteer (Google I/O ’19)

Puppeteer is a Node library developed by the Chrome DevTools team for testing and automating headless and full Chrome. In this talk, learn how to easily setup Puppeteer for modern testing in different browsers and highlight other interesting use cases of headless Chrome: e2e workflows, tooling integration, ""the browser as a service"", CI/CD, using Puppeteer for local development, and more.
Watch more #io19 here:
Web at Google I/O 2019 Playlist → goo.gle/io19web
Google I/O 2019 All Sessions Playlist → goo.gle/io19allsessions
Learn more on the I/O Website → google.com/io
Subscribe to the Chrome Developers Channel → goo.gle/ChromeDevs
Get started at → www.google.com/chrome/dev/
Speaker(s): Andrey Lushnikov, Joel Einbinder
T4779A" event: Google I/O 2019; re_ty: Publish; fullname: Andrey Lushnikov, Joel Einbinder;

[@gauravmisrasankar4032]

Brilliant product. Hats off to you guys!

[@Oreoezi]

This tool helped me sleep so much during meet classes thank you so much

[@djn138]

I love Puppeteer, it’s critical for testing my app. Very excited about Firefox and that Safari is on the roadmap. Definitely going to try out the mobile device emulation

[@pastuh]

Exactly what i needed 2y ago. Throwing out macro recorder, its time to evolve :D

[@MsTwte]

who would start testing with macro recorder???

[@pastuh]

used for Automation

[@tedchirvasiu]

Today your comment was posted 2 years ago.

[@pastuh]

@@tedchirvasiu Amazing

[@sheraton234]

Very productive sessions

[@andriinebylovych294]

Really great

[@ganeshpandeyjs]

Amazing

[@AbdelhameedG]

Good talk thanks friends

[@monetcarriere9919]

brilliant :D

[@erlinvazquezcastellanos4052]

Interesting

[@testpassion1338]

I would like to automate the performance record and stop in chrome dev tools but will Puppeteer give me a way to save the interactive timeline report? Can puppeteer be run in a headfull mode? in an incognito tab? I saw the developers page but no specific examples

[@j.k.ravshanovich]

Puppeteer/Cypress/Playwright are very cool, made for developers not for stakeholders!

[@Overthought7]

tough crowd

[@Phanboy]

"developers"

[@Mr767267]

Can't we move to more abstraction? How does it compare with Vision UI, there I can record and play.

[@ameghanandode7693]

With my experience, I have seen on actual IPAD or touch devices the issues are reproducible, but with the Chrome emulators the issues are not reproducible. Is there something new introduced with Puppeteer so that we can reproduce the issues in Chrome emulator too?

[@jackiecs8190]

That sounds like it could be a WebKit issue, and puppeteer doesn't have WebKit support yet

[@viktorsoroka4510]

Are there plans for supporting other browsers as well, like Safari and Edge?

[@RaidenFreeman]

This is based on CDP (chrome devtools protocol), so when Edge converts to chromium it will probably largely work. I think (I may be wrong) that Safari does not play very nice with CDP, but it might in the future.

[@vivekbhardwaj8295]

is it stable enough to be integrated into our existing framework that uses chromium?

[@ahmedelmetwally1440]

I'm using puppeteer since two years for generate large reports includes many of maps and graphs then export it as a PDF file. and it very useful for me

[@abhi_rck]

I want to run a headless chrome in my server api .Is there any way of doing that

[@kricekt2001]

Can you verify design with this tool?

[@destroyer-tz2mk]

Can't wait to use this to fill in all possible answers in google forms for my math test edit: I can't because only emails from my school acc are accepted to fill it in. FML

[@alittlebyte]

How can people still use enzyme and react-testing-library for testing when such amazing tools are available? Simple, powerful, fast. What else y'all need?

[@user-cs5hv3eg2i]

can you show me the Page Object, please?

[@AlekseyRazbakov]

Is it better then cypress?

[@sahajamitrawat]

Yes any day Puppeteer is better than Cypress.

[@Tszyu01]

They can't really be compared equally. Cypress is specifically for automation testing of web applications. It provides utilities for everything from debugging, spies/stubs/clocks, network traffic control, screenshots/videos and more. All these things can absolutely be done in puppeteer, but you would have to write/engineer those utilities.

[@danb2108]

Firefox is not just a great web browser, is the best web browser, build by the people for the people.

[@MagDag_]

which is working on chromium engine

[@user-rg1jp2us4o]

@@MagDag_ No, it uses its own rendering engine written in Rust and it has nothing to do with Chromium.