Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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
顧客の言葉を、そのまま信じない勇気
Avatar for yamatai12 yamatai1212
1
340
MCPでつなぐElasticsearchとLLM - 深夜の障害対応を楽にしたい / Bridging Elasticsearch and LLMs with MCP
Avatar for Sashimimochi sashimimochi
0
140
制約が導く迷わない設計 〜 信頼性と運用性を両立するマイナンバー管理システムの実践 〜
Avatar for ないとー bwkw
3
870
コスト削減から「セキュリティと利便性」を担うプラットフォームへ
Avatar for SansanTech sansantech
PRO
3
1.3k
Context Engineeringの取り組み
Avatar for nutslove nutslove
0
290
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
6
68k
生成AI時代にこそ求められるSRE / SRE for Gen AI era
Avatar for ymotongpoo ymotongpoo
5
2.7k
M&A 後の統合をどう進めるか ─ ナレッジワーク × Poetics が実践した組織とシステムの融合
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
410
Agile Leadership Summit Keynote 2026
Avatar for seki at druby.org m_seki
1
470
インフラエンジニア必見!Kubernetesを用いたクラウドネイティブ設計ポイント大全
Avatar for 高棹大樹 daitak
0
330
Azure Durable Functions で作った NL2SQL Agent の精度向上に取り組んだ話/jat08
Avatar for TonyTonyKun thara0402
0
150
Mosaic AI Gatewayでコーディングエージェントを配るための運用Tips / JEDAI 2026 新春 Meetup! AIコーディング特集
Avatar for GENDA genda
0
150

Featured

See All Featured
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
72
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
350
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
210
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
170
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.6k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.3k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
350

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!/