レガシーコードで ビジュアルリグレッションテスト をやってみた！

Ebc735cb42fdd0b35c0c2eebfa11d96c?s=47 aharenchi
December 01, 2019
Technology
1
1.2k

レガシーコードで ビジュアルリグレッションテスト をやってみた！

PHP Conference 2019 Lightning Talk@2019/12/01 の発表資料です。
BackstopJSでのビジュアルリグレッションテストを行った話です。

Ebc735cb42fdd0b35c0c2eebfa11d96c?s=128

aharenchi

December 01, 2019
Tweet

Other Decks in Technology

See All in Technology
F68a145ec870bf173a932bc409b20fab?s=48 jyamamoto
0
260
Be5b446b2cf48702721bbd428388af52?s=48 satoshishibata0108
0
210
8db231d3fe08b46242f6e0e45c95eee1?s=48 darkomesaros
0
120
Dd2fa99b9a9a3aa316986727ce8e134c?s=48 goccy
12
6.1k
D6fc8a819afa94f464fe322032a6687f?s=48 mahito
3
1.2k
B1cc148711c6a37a5c922b6e72a4ad52?s=48 upura
1
920
2b41772cec40855d563406ca89fdf926?s=48 bbrfkr
1
190
53850955f15249a1a9dc49df6113e400?s=48 line_developers
1
160
Ad22fcf5773b906c08330f4d57242212?s=48 inductor
13
2.1k
48a351a06897d7cc9721e2ddb7198e8a?s=48 dougpuob
0
110
C7f4bfa6a378cf43c3475716d1992efe?s=48 ishizuka427
0
220
Eea9a05e6e222a3d50c73f54a49fadf4?s=48 rtechkouhou
0
530

Featured

See All Featured
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
3
430
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
497
36k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
13
770
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
203
6.6k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
14k
79acae287842acf29084005533a7fb3b?s=48 hursman
103
9k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
12
430
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
224
8.2k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
84
8.3k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
766
190k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
68
3.4k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
333
15k

Transcript

  1. ϨΨγʔίʔυͰ ϏδϡΞϧϦάϨογϣϯςετ Λ΍ͬͯΈͨʂ 1)1$POGFSFODF-JHIUOJOH5BML! Ѩ೾࿈ஐܙ

  2. ࣗݾ঺հ ͋͸ΕΜ ΤΩαΠτגࣜձࣾ ৽ଔ೥໨1)1FS !ZVDP@NN

  3. ੢ྐྵ೥ʜ ฐࣾͷͱ͋ΔͭͷαʔϏε͸ جຊػೳ͕΄ͱΜͲಉͩͬͨ͡ͷͰɺ ಉ͡ίʔυͰ։ൃ͞Ε͍ͯͨ˝

  4. αʔϏε͸ಠࣗʹਐԽ࢝͠ΊɺಠࣗػೳͷͨΊͷ ग़͠෼͚ίʔυ͕૿͍͖͑ͯɺߴ౓ʹෳࡶʹͳͬͨɻ Ὂ͜ͷ··͕Μ͹Δ ⾣αʔϏεɺͭͷϓϩδΣΫτʹ͢Δ

  5. ϓϩδΣΫτΛίϐʔ͠ɺ̎ͭ༻ҙ͢Δ͜ͱͰ ෼͚Δ͜ͱʹ੒ޭɻ ࣍ʹɺෆཁʹͳͬͨยํͷ੩తϑΝΠϧ΍ॲཧΛ ࡟আ͢Δඞཁ͕͋Δɻ˝

  6. ੩తϑΝΠϧͷ࡟আ׬ྃɻ ݅ۙ͘ͷϖʔδΛݕূ͢Δํ๏͸ʁ ⾣खಈͰݕূ Ὂʜʜ

  7. ੩తϑΝΠϧͷ࡟আ׬ྃɻ ݅ۙ͘ͷϖʔδΛݕূ͢Δํ๏͸ʁ ὊखಈͰݕূ ⾣ϏδϡΞϧϦάϨογϣϯςετͰݕূ

  8. ϏδϡΞϧϦάϨογϣϯςετͱ͸ εΫϦʔϯγϣοτΛࡱӨ͠ɺ લޙͰࠩ෼͕ग़͍ͯͳ͍͔ݕূ͢Δςετ $44΍ίʔυมߋʹΑΔද่ࣔΕ͕ͳ͍͔ݕূ͢Δͷʹ༏Ε͍ͯΔ ݕূͰ͖Δ͜ͱ ɾϘλϯ΍ը૾ͷදࣔՄ൱ ɾϖʔδͷදࣔՄ൱ ݕূͰ͖ͳ͍͜ͱ ɾϖʔδભҠ

  9. ࢖͏΋ͷ #BDLTUPQ+4ɹ ϏδϡΞϧϦάϨογϣϯςετΛߦ͑ΔϑϨʔϜϫʔΫ  ςετͷઃఆ CBDLTUPQKTPO ɹ  εΫϦʔϯγϣοτੜ੒ 

    มߋલͷεΫϦʔϯγϣοτʢ3FGFSFODFʣΛอଘ  มߋޙͷεΫϦʔϯγϣοτʢ5FTUʣΛอଘ  ྆ऀΛൺֱͨ͠Ϩϙʔτੜ੒ ςετͷྲྀΕ ࢲୡ͕΍Δ͜ͱʂ Node.js + Puppeteer or ChromyJS

  10. ςετ४උɹඞਢ ̍ൺֱͰ͖Δ؀ڥͷ༻ҙ ྫɿຊ൪؀ڥͱεςʔδ؀ڥ  ςετͷઃఆ ʲඞਢ߲໨ʳ JEɿϨϙʔτλΠτϧ WJFXQPSUTɿࡱӨը໘αΠζ TDFOBSJPTɿςετ಺༰ ɹMBCFMɿςετλΠτϧ

    ɹVSMɿมߋޙ63-ɹ SFGFSFODF6SMɿมߋલ63- มߋޙ؀ڥ มߋલ؀ڥ

  11. ৄࡉઃఆ 1VQQFUFFSPS$ISPNZ+44DSJQUΛ࢖͏͜ͱͰҎԼͷରԠ͕Մೳ w ϕʔγοΫೝূରԠ w ϩάΠϯඇϩάΠϯը໘ରԠ w ࡱӨલͷ6*มߋରԠ Ϛ΢εΦʔόʔը૾ࠩ͠ସ͑ ςετ४උɹΦϓγϣϯ

    TDFOBSJPTɿςετ಺༰ ɹPO#FGPSF4DSJQUɿϒϥ΢βͷઃఆ ɹPO3FBEZ4DSJQUɿεΫϦʔϯγϣοτલͷ6*ঢ়ଶมߋ

  12. ४උ׬ྃʂ ⾣ςετ࣮ߦ Ὂʹ͛Δ

  13. ݁Ռ ϛογϣϯίϯϓϦʔτʂʂʂʂʂ˝

  14. ·ͱΊ ϏδϡΞϧϦάϨογϣϯςετͷྑ͍ͱ͜Ζ w ද่ࣔΕΛݕग़Ͱ͖Δ w ςετͷ༻ҙ͕༰қ ͜Μͳਓʹಛʹ͓͢͢Ίʂ ςετͷͳ͍؀ڥͰද่ࣔΕ͕ා͘ϦϑΝΫλϦ ϯά͕Ͱ͖ͯͳ͍ํ ɹΊͤ͟ʂϨΨγʔίʔυ͔Βͷ୤٫ʂ

  15. ͓·͚ ঺հهࣄɿ ʮ#BDLTUPQ+4ͰϏδϡΞϧϦάϨογϣϯςετʂʯ IUUQTRJJUBDPNBIBSFODIJJUFNTDGEFD a͋Γ͕ͱ͏