$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Visual Regression Testing With JavaScript
Search
Kevin Lorenz
May 12, 2016
Technology
6
410
Visual Regression Testing With JavaScript
A talk about the whys and hows of visual regression testing.
Kevin Lorenz
May 12, 2016
Tweet
Share
More Decks by Kevin Lorenz
See All by Kevin Lorenz
Your nesting is harmful – on abusing a preprocessor's feature
verpixelt
0
150
Other Decks in Technology
See All in Technology
生成AIでテスト設計はどこまでできる? 「テスト粒度」を操るテーラリング術
shota_kusaba
0
760
評価駆動開発で不確実性を制御する - MLflow 3が支えるエージェント開発
databricksjapan
1
180
「Managed Instances」と「durable functions」で広がるAWS Lambdaのユースケース
lamaglama39
0
320
Challenging Hardware Contests with Zephyr and Lessons Learned
iotengineer22
0
210
AI駆動開発における設計思想 認知負荷を下げるフロントエンドアーキテクチャ/ 20251211 Teppei Hanai
shift_evolve
PRO
2
380
エンジニアリングマネージャー はじめての目標設定と評価
halkt
0
280
Kubernetes Multi-tenancy: Principles and Practices for Large Scale Internal Platforms
hhiroshell
0
120
Database イノベーショントークを振り返る/reinvent-2025-database-innovation-talk-recap
emiki
0
170
AWS Trainium3 をちょっと身近に感じたい
bigmuramura
1
140
AWS re:Invent 2025で見たGrafana最新機能の紹介
hamadakoji
0
370
5分で知るMicrosoft Ignite
taiponrock
PRO
0
360
Gemini でコードレビュー知見を見える化
zozotech
PRO
1
250
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.1k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
YesSQL, Process and Tooling at Scale
rocio
174
15k
The Invisible Side of Design
smashingmag
302
51k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
Designing for Performance
lara
610
69k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.3k
Context Engineering - Making Every Token Count
addyosmani
9
510
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.7k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
For a Future-Friendly Web
brad_frost
180
10k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Transcript
VISUAL REGRESSION TESTING WITH JAVASCRIPT
KEVIN LORENZ @verpixelt _
None
KEVIN LORENZ @verpixelt _
CSS IS AWESOME
?
TESTING /ˈtɛstɪŋ/
TESTING /ˈtɛstɪŋ/
CSS IS !IMPORTANT /css ɪz !ɪmˈpɔːtənt /
DEFINITION /ˌdɛfɪˈnɪʃən/
REASONING /ˈriːznɪŋ/
CASCADING STYLE SHEETS /kæsˈkeɪdɪŋ staɪl ʃiːts/
INHERITANCE /ɪnˈhɛrɪtəns/
REFACTORING /ˌriːˈfæktərɪŋ/
None
COMPLEXITY /kəmˈplɛksɪti/
COMPLEXITY /kəmˈplɛksɪti/
RESPONSIVNESS /rɪsˈpɒnsɪvnəs/
RESPONSIVNESS /rɪsˈpɒnsɪvnəs/
REASONING /ˈriːznɪŋ/
HUMAN FLAWS /ˈhjuːmən flɔːz/
HUMAN FLAWS /ˈhjuːmən flɔːz/
!
HUMAN FLAWS /ˈhjuːmən flɔːz/
HUMAN FLAWS /ˈhjuːmən flɔːz/
None
!?
None
INATTENTIONAL BLINDNESS /ˌɪnəˈtɛnʃən(ə)l ˈblaɪndnɪs/
CHANGE BLINDNESS /ʧeɪnʤ ˈblaɪndnɪs /
None
HUMAN FLAWS /ˈhjuːmən flɔːz/
HUMAN FLAWS /ˈhjuːmən flɔːz/
TOOLING /ˈtuːlɪŋ/
PHANTOM.JS CASPER.JS SELENIUM SLIMER.JS NIGHTWATCH.JS IMAGEMAGICK WEBDRIVER.IO APPLITOOLS EYES WEBDRIVER
CSS
None
None
None
None
None
SYNOPSIS /sɪˈnɒpsɪs/
SYNOPSIS /sɪˈnɒpsɪs/
TECHNICAL PREVIEW /ˈtɛknɪkəl ˈpriːvjuː/
learn.visualregressiontesting.com
SYNOPSIS /sɪˈnɒpsɪs/
SYNOPSIS /sɪˈnɒpsɪs/
KÖSZÖNÖM A FIGYELMET! /thank your for your attention!/