Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Headless Chrome Tutorial
Search
derek-b
April 19, 2018
Technology
0
83
Headless Chrome Tutorial
Madison PHP tutorial using Puppeteer, Mocha, Chai and Headless Chrome.
derek-b
April 19, 2018
Tweet
Share
More Decks by derek-b
See All by derek-b
What Raising 3 Kids Taught Me About Working with Users
derekb
0
43
Pardon the disruption: a user-first approach to software design
derekb
0
73
Teaching Through Code Review
derekb
0
94
Add Location-Based Searching to Your Site with Elasticsearch
derekb
0
27
Add Location-based Searching to Your PHP App with Elasticsearch
derekb
1
310
Map, Filter, and Reduce in PHP
derekb
0
700
You Version Your Code, Why Not Your Database?
derekb
0
55
Taming Your Data with Elasticsearch - PHP Benelux
derekb
1
440
What Raising 3 Kids Taught Me About Working With Users
derekb
0
360
Other Decks in Technology
See All in Technology
Охота на косуль у древних
ashapiro
0
120
Introduction to OpenSearch Project - Search Engineering Tech Talk 2025 Winter
tkykenmt
2
220
AIエージェント入門
minorun365
PRO
33
20k
AI Agent時代なのでAWSのLLMs.txtが欲しい!
watany
3
370
AIエージェント開発のノウハウと課題
pharma_x_tech
9
4.8k
x86-64 Assembly Essentials
latte72
3
410
Two Blades, One Journey: Engineering While Managing
ohbarye
4
2.6k
困難を「一般解」で解く
fujiwara3
7
2.2k
Global Databaseで実現するマルチリージョン自動切替とBlue/Greenデプロイ
j2yano
0
160
開発者のための FinOps/FinOps for Engineers
oracle4engineer
PRO
2
260
JavaにおけるNull非許容性
skrb
2
2.7k
開発者体験を定量的に把握する手法と活用事例
ham0215
0
130
Featured
See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
10
530
GraphQLの誤解/rethinking-graphql
sonatard
69
10k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
100
18k
Into the Great Unknown - MozCon
thekraken
35
1.6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Facilitating Awesome Meetings
lara
53
6.3k
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Designing Experiences People Love
moore
140
23k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
650
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Transcript
Browser Automated Testing with Headless Chrome Derek Binkley @DerekB_WI
Derek Binkley @DerekB_WI JavaScript Experience?
What is It?
Derek Binkley @DerekB_WI Testing Tools • Text based • Page
recorder • Selenium WebDriver • Browser Emulator
Derek Binkley @DerekB_WI Headless Chrome • June 2017 • Full
browser • Chrome Dev Tools • No GUI
Is Anybody There?
Derek Binkley @DerekB_WI Why? • Reliability • Dependability • Sleep
better after an update
What do we need? Node Chrome Puppeteer Mocha Chai
Derek Binkley @DerekB_WI Install • npm init • npm i
—save mocha chai • npm i --save puppeteer • Add test script to package.json
Derek Binkley @DerekB_WI Setup Command package.json
Derek Binkley @DerekB_WI Basics • Test Defined as JavaScript •
Full Access to DOM • Assertions using Chai • Run using Mocha
Examples
Derek Binkley @DerekB_WI Thanks • @DerekB_WI • https:/ /joind.in/talk/034f5
Derek Binkley @DerekB_WI Resources • https:/ /developers.google.com/web/updates/2017/06/ headless-karma-mocha-chai • https:/
/medium.com/@ankit_m/ui-testing-with- puppeteer-and-mocha-part-1-getting-started- b141b2f9e21 • https:/ /github.com/GoogleChrome/puppeteer • https:/ /github.com/checkly/puppeteer-examples • https:/ /puppeteersandbox.com/