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

Visual Regression Testing With JavaScript

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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エージェント×GitHubで実現するQAナレッジの資産化と業務活用 / QA Knowledge as Assets with AI Agents & GitHub
Avatar for Hitsuji tknw_hitsuji
0
250
スピンアウト講座03_CLAUDE-MDとSKILL-MD
Avatar for overflow ,Inc overflowinc
0
1.4k
スピンアウト講座02_ファイル管理
Avatar for overflow ,Inc overflowinc
0
1.4k
「活動」は激変する。「ベース」は変わらない ～ 4つの軸で捉える_AI時代ソフトウェア開発マネジメント
Avatar for 辻裕士/sentokun sentokun
0
110
VSCode中心だった自分がターミナル沼に入門した話
Avatar for Genki Sano sanogemaru
0
750
AIエージェント勉強会第3回 エージェンティックAIの時代がやってきた
Avatar for Y.Miyado ymiya55
0
130
スピンアウト講座04_ルーティン処理
Avatar for overflow ,Inc overflowinc
0
1.3k
タスク管理も1on1も、もう「管理」じゃない - KiroとBedrock AgentCoreで変わった“判断の仕事”
Avatar for Yusuke Shimizu yusukeshimizu
0
110
Why we keep our community?
Avatar for Yasunobu Kawaguchi kawaguti
PRO
0
290
【社内勉強会】新年度からコーディングエージェントを使いこなす - 構造と制約で引き出すClaude Codeの実践知
Avatar for nwiizo nwiizo
24
12k
Zephyr(RTOS)でOpenPLCを実装してみた
Avatar for misoji engineer iotengineer22
0
110
Datadog で実現するセキュリティ対策 ~オブザーバビリティとセキュリティを 一緒にやると何がいいのか~
Avatar for Shuntaro Azuma a2ush
0
150

Featured

See All Featured
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.5k
Side Projects
Avatar for Sacha Greif sachag
455
43k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.2k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.6k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
240
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
240
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
330
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
84

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