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 FULL KAITEN fullkaiten
0
10k
小さく始めるBCP ― 多プロダクト環境で始める最初の一歩
Avatar for kekke-n kekke_n
1
350
FinTech SREのAWSサービス活用/Leveraging AWS Services in FinTech SRE
Avatar for maaaato maaaato
0
120
GSIが複数キー対応したことで、俺達はいったい何が嬉しいのか？
Avatar for Makky12 smt7174
3
140
外部キー制約の知っておいて欲しいこと - RDBMSを正しく使うために必要なこと / FOREIGN KEY Night
Avatar for soudai sone soudai
PRO
12
4.7k
OCI Database Management サービス詳細
Avatar for oracle4engineer oracle4engineer
PRO
1
7.3k
あたらしい上流工程の形。 0日導入からはじめるAI駆動PM
Avatar for 熊井悠 kumaiu
5
760
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
Avatar for msysh msysh
3
140
マーケットプレイス版Oracle WebCenter Content For OCI
Avatar for oracle4engineer oracle4engineer
PRO
5
1.5k
SREのプラクティスを用いた3領域同時 マネジメントへの挑戦 〜SRE・情シス・セキュリティを統合した チーム運営術〜
Avatar for coconala_engineer coconala_engineer
2
590
MySQLのJSON機能の活用術
Avatar for mikoma ikomachi226
0
150
Embedded SREの終わりを設計する　「なんとなく」から計画的な自立支援へ
Avatar for SansanTech sansantech
PRO
3
2.1k

Featured

See All Featured
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
Avatar for Katarina Dahlin katarinadahlin
PRO
0
3.4k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
2k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
72
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.3k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
32k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
190
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
0
2.3k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
1
4.7k

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