$30 off During Our Annual Pro Sale. View Details »

Visual Regression Testing With JavaScript

Avatar for Kevin Lorenz Kevin Lorenz
May 12, 2016
Technology
6
410

Visual Regression Testing With JavaScript

A talk about the whys and hows of visual regression testing.

Avatar for Kevin Lorenz

Kevin Lorenz

May 12, 2016
Tweet

More Decks by Kevin Lorenz

See All by Kevin Lorenz
Your nesting is harmful – on abusing a preprocessor's feature
Avatar for Kevin Lorenz verpixelt
0
150

Other Decks in Technology

See All in Technology
生成AIでテスト設計はどこまでできる？ 「テスト粒度」を操るテーラリング術
Avatar for ks shota_kusaba
0
760
評価駆動開発で不確実性を制御する - MLflow 3が支えるエージェント開発
Avatar for Databricks Japan databricksjapan
1
180
「Managed Instances」と「durable functions」で広がるAWS Lambdaのユースケース
Avatar for Lamaglama39 lamaglama39
0
320
Challenging Hardware Contests with Zephyr and Lessons Learned
Avatar for misoji engineer iotengineer22
0
210
AI駆動開発における設計思想 認知負荷を下げるフロントエンドアーキテクチャ/ 20251211 Teppei Hanai
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
380
エンジニアリングマネージャー はじめての目標設定と評価
Avatar for d-haru halkt
0
280
Kubernetes Multi-tenancy: Principles and Practices for Large Scale Internal Platforms
Avatar for hhiroshell hhiroshell
0
120
Database イノベーショントークを振り返る/reinvent-2025-database-innovation-talk-recap
Avatar for emi emiki
0
170
AWS Trainium3 をちょっと身近に感じたい
Avatar for Yasutaka OHMURA bigmuramura
1
140
AWS re:Invent 2025で見たGrafana最新機能の紹介
Avatar for 濱田孝治 hamadakoji
0
370
5分で知るMicrosoft Ignite
Avatar for Taiji HAGINO taiponrock
PRO
0
360
Gemini でコードレビュー知見を見える化
Avatar for ZOZO Developers zozotech
PRO
1
250

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.1k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.8k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.3k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
510
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.7k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k

Transcript

  1. VISUAL REGRESSION TESTING WITH JAVASCRIPT

  2. KEVIN LORENZ @verpixelt _

  3. None

  4. KEVIN LORENZ @verpixelt _

  5. CSS
 IS
 AWESOME

  6. ?

  7. TESTING /ˈtɛstɪŋ/

  8. TESTING /ˈtɛstɪŋ/

  9. CSS IS !IMPORTANT /css ɪz !ɪmˈpɔːtənt /

  10. DEFINITION /ˌdɛfɪˈnɪʃən/

  11. REASONING /ˈriːznɪŋ/

  12. CASCADING STYLE SHEETS /kæsˈkeɪdɪŋ staɪl ʃiːts/

  13. INHERITANCE /ɪnˈhɛrɪtəns/

  14. REFACTORING /ˌriːˈfæktərɪŋ/

  15. None

  16. COMPLEXITY /kəmˈplɛksɪti/

  17. COMPLEXITY /kəmˈplɛksɪti/

  18. RESPONSIVNESS /rɪsˈpɒnsɪvnəs/

  19. RESPONSIVNESS /rɪsˈpɒnsɪvnəs/

  20. REASONING /ˈriːznɪŋ/

  21. HUMAN FLAWS /ˈhjuːmən flɔːz/

  22. HUMAN FLAWS /ˈhjuːmən flɔːz/

  23. !

  24. HUMAN FLAWS /ˈhjuːmən flɔːz/

  25. HUMAN FLAWS /ˈhjuːmən flɔːz/

  26. None

  27. !?

  28. None

  29. INATTENTIONAL BLINDNESS /ˌɪnəˈtɛnʃən(ə)l ˈblaɪndnɪs/

  30. CHANGE BLINDNESS /ʧeɪnʤ ˈblaɪndnɪs /

  31. None

  32. HUMAN FLAWS /ˈhjuːmən flɔːz/

  33. HUMAN FLAWS /ˈhjuːmən flɔːz/

  34. TOOLING /ˈtuːlɪŋ/

  35. PHANTOM.JS CASPER.JS SELENIUM SLIMER.JS NIGHTWATCH.JS IMAGEMAGICK WEBDRIVER.IO APPLITOOLS
 EYES WEBDRIVER

    CSS
  36. None
  37. None
  38. None
  39. None
  40. None

  41. SYNOPSIS /sɪˈnɒpsɪs/

  42. SYNOPSIS /sɪˈnɒpsɪs/

  43. TECHNICAL PREVIEW /ˈtɛknɪkəl ˈpriːvjuː/

  44. learn.visualregressiontesting.com

  45. SYNOPSIS /sɪˈnɒpsɪs/

  46. SYNOPSIS /sɪˈnɒpsɪs/

  47. KÖSZÖNÖM A FIGYELMET! /thank your for your attention!/