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
410
6

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

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
ThetaOS - A Mythical Machine comes Alive
Avatar for Martijn aslander
0
230
AgentCoreとLINEを使った飲食店おすすめアプリを作ってみた
Avatar for やくも yakumo
2
270
Kubernetesの「隠れメモリ消費」によるNode共倒れと、Request適正化という処方箋
Avatar for g0xu g0xu
0
170
15年メンテしてきたdotfilesから開発トレンドを振り返る 2011 - 2026
Avatar for giginet giginet
PRO
2
250
AWS DevOps Agent or Kiro の使いどころを考える_20260402
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
0
120
20260323_データ分析基盤でGeminiを使う話
Avatar for yuichi 1210yuichi0
0
210
SaaSに宿る21g
Avatar for Yamakan kanyamaguc
2
180
FASTでAIエージェントを作りまくろう！
Avatar for YukiOgawa yukiogawa
4
180
Bref でサービスを運用している話
Avatar for Sugar Sato sgash708
0
210
Oracle AI Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
3
2k
私がよく使うMCPサーバー3選と社内で安全に活用する方法
Avatar for KintoTech_Dev kintotechdev
0
150
Microsoft Fabricで考える非構造データのAI活用
Avatar for Ryoma Nagata ryomaru0825
0
540

Featured

See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.9k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.2k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.1k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
64
53k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
88
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.1k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Designing for Performance
Avatar for Lara Hogan lara
611
70k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
110

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