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

Visual Regression Testing With JavaScript

E35264650081105b4ff08f876c377fa7?s=47 Kevin Lorenz
May 12, 2016
Technology
6
370

Visual Regression Testing With JavaScript

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

E35264650081105b4ff08f876c377fa7?s=128

Kevin Lorenz

May 12, 2016
Tweet

More Decks by Kevin Lorenz

See All by Kevin Lorenz
E35264650081105b4ff08f876c377fa7?s=48 verpixelt
0
110

Other Decks in Technology

See All in Technology
195f71c8183f8d27da66aa0618f293b6?s=48 task4233
0
350
0ed10d1154c696886ca483fe827cb299?s=48 thatjeffsmith
0
440
03e869e0b971213c12889635e29e0aae?s=48 443n0511
0
100
380bcd2ab751f5838abd8219df53e5fe?s=48 tomoki10
0
220
Da5a59469ce3ebb55619ce34f85f8c4f?s=48 syarihu
1
4k
C5c09bfd9ee31f5aef8ce257643d50ea?s=48 takapy
2
550
Fad0d157244126a95094c26f2857d164?s=48 jukiya330
0
230
23f4d5d797a91b6d17d627b90b5a42d9?s=48 kentaro
0
120
2c0947c6a28e7f771ebd9859ecf54e5c?s=48 shinyorke
3
3.2k
2cf373725ded741824c50fd571eda6e1?s=48 udzura
0
180
7cb78d6108cc74bec0f2f001127f662a?s=48 hiroki_hasegawa
0
180
119659c28d16f22d01eb48a6f3ee1391?s=48 iwatatomoya
0
780

Featured

See All Featured
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
484
150k
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
302
40k
828ace851b606e1206900f26459f55ad?s=48 speakerdeck
PRO
2
400
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
73
7.7k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
249
21k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
288
19k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
35
3.8k
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
84
3.6k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
315
21k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
82
4.4k
168ccec72eee0530b818d44f3fedaacf?s=48 shlominoach
177
8.1k

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