Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Playwrightから始めるVisual Regression Testingのススメ by...
Search
totto2727
August 24, 2024
Programming
2
2.4k
Playwrightから始めるVisual Regression Testingのススメ by とっと
フロントエンドカンファレンス北海道2024の5分枠で発表した内容です!
totto2727
August 24, 2024
Tweet
Share
More Decks by totto2727
See All by totto2727
Cloudflareを使い倒す!
totto2727
1
48
NotionのURLをWorkersで綺麗にしよう!
totto2727
0
520
Other Decks in Programming
See All in Programming
5分で理解する SOLID 原則 #phpcon_nagoya
shogogg
1
390
Swift Testingのモチベを上げたい
stoticdev
2
150
未経験でSRE、はじめました! 組織を支える役割と軌跡
curekoshimizu
1
170
生成AIで加速するテスト実装 - ロリポップ for Gamersの事例と 生成AIエディタの活用
kinosuke01
0
130
メンテが命: PHPフレームワークのコンテナ化とアップグレード戦略
shunta27
0
310
CDKを使ったPagerDuty連携インフラのテンプレート化
shibuya_shogo
0
110
Django NinjaによるAPI開発の効率化とリプレースの実践
kashewnuts
1
280
Rubyと自由とAIと
yotii23
6
1.8k
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
270
はじめての Go * WASM *OCR
sgash708
1
110
Datadog DBMでなにができる? JDDUG Meetup#7
nealle
0
150
PRレビューのお供にDanger
stoticdev
1
240
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
GitHub's CSS Performance
jonrohan
1030
460k
The Invisible Side of Design
smashingmag
299
50k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.4k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
The Language of Interfaces
destraynor
156
24k
GraphQLとの向き合い方2022年版
quramy
44
14k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
The Cost Of JavaScript in 2023
addyosmani
47
7.4k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
A better future with KSS
kneath
238
17k
Transcript
1MBZXSJHIU͔Β࢝ΊΔ7JTVBM 3FHSFTTJPO5FTUJOHͷεεϝ גࣜձࣾΏΊΈͱͬͱ
ࣗݾհ w ͱͬͱ w 9ͱ(JU)VCɿ!UPUUP w גࣜձࣾΏΊΈॴଐ w ೖࣾͷϑϩϯτΤϯυΤϯδχΞ w
ϏδϡΞϧϦάϨογϣϯςετͷܦݧɿ͙Β͍
ձࣾհ ΦʔϓϯϋϯυϒοΫ
͋Δͷ࡞ۀ ʓʓϖʔδͷͨΊʹʓʓίϯϙʔωϯτΛमਖ਼ʂ ʢʓʓϖʔδΛ֬ೝͯ͠ʜʣ मਖ਼͞Ε͍ͯΔɺϤγοʂ
ޙʜ ʢमਖ਼ͨ͠ϖʔδͱผͷϖʔδͷʣ 6*่͕Ε͍ͯ·͢ʂʂʂ
ݪҼ w ίϯϙʔωϯτઃܭ͕ྑ͘ͳ͔ͬͨ w γεςϜͷཧղ͕͔ͬͨ w ࣮ɺϨϏϡʔͷࡍʹ֬ೝ͕ෆेͩͬͨ
ͱ͍͑ ຖճશϖʔδ֬ೝ͢ΔͷΓͨ͘ͳ͍ʂʂʂ ʢతʹݫ͍͠ʣ
ͦ͏ͩʂςετͰղܾ͠Α͏ʂ
ϑϩϯτΤϯυͷ৭ʑͳςετ w ൣғผ w ੩తղੳ w ୯ମςετ w ݁߹ςετ w
&&ςετ w తผ w ΠϯλϥΫγϣϯςετ w ΞΫηγϏϦςΟςετ w εφοϓγϣοτςετ w 6*ίϯϙʔωϯτΤΫεϓϩʔϥ w ϏδϡΞϧϦάϨογϣϯςετ w FUDʜ ࢀߟࢿྉɿ w ༁ʮϑϩϯτΤϯυΞϓϦέʔγϣϯͷ੩తɺ୯ମɺ݁߹ɺ&&ςετʯCZ,FOU$%PEET w &&ςετͷఆٛΛΓ͍ͨ
ϏδϡΞϧϦάϨογϣϯςετ
ϏδϡΞϧϦάϨογϣϯςετ w Ҏ߱Ͱ735ͱলུ͠·͢ w ը૾ͷൺֱΛߦ͍ࠩΛݕग़͢Δςετ w 6*ͷมߋʢ$44ؚΉʣݕͰ͖Δ
735ͷ͓͓·͔ͳྲྀΕ 8FCαΠτͷ৴ڥͷ্ཱͪ͛ εφοϓγϣοτऔಘ લճͷը૾ͷൺֱ Ϩϙʔτͷੜ
ҙ֎ͱߟ͑Δ͜ͱ͕ଟ͍ʜ w ࡱӨ͢Δର w ը૾ͷอଘॴ w εφοϓγϣοτςετͷߋ৽λΠϛϯά w ϨϏϡʔମ੍ w
$*$%
ͱ͍͏͜ͱͰ͓ࢼ͠ΩοτΛ࡞Γ·ͨ͠ʂ QMBZXSJHIUWSUIBOETPO w ߏ w ࡱӨ͢Δରɿϖʔδ୯Ґ w ը૾ͷอଘॴɿ(JUϦϙδτϦ w $*$%
w 1MBZXSJHIU w (JU)VC"DUJPOT(JU)VC1BHFT w "DUJPOTͰ6QEBUFδϣϒΛ࣮ߦ͢Δͱ13͕ੜ͞ΕΔ
1MBZXSJHIU w &&ςεςΟϯάϑϨʔϜϫʔΫ w ϒϥβΛίʔυϕʔεͰૢ࡞Ͱ͖Δ w +BWB4DSJQUҎ֎ʹ1ZUIPOͳͲ৭ʑͳ࣮͕͋Γ·͢ w ϘλϯͷΫϦοΫεΫϩʔϧɺ։ൃऀπʔϧͷૢ࡞ͳͲ৭ʑͰ͖Δ w
༷ʑͳϒϥβʹରԠ͍ͯ͠ΔଞɺσόΠεͷϓϦηοτଟ͘ϓϩδΣ Ϋτʹ߹ΘͤͯॊೈʹςετΛ࣮ݱͰ͖Δ
(JU)VC"DUJPOT w $*$%ύΠϓϥΠϯΛఏڙ͢ΔΫϥυαʔϏεͷҰͭ w (JU)VCͱີʹ࿈ܞ͍ͯ͠Δ w ϦϙδτϦपΓͷτϦΨʔ͕ඇৗʹ๛ w ϦϙδτϦ͕͋Εڥߏஙෆཁ w
ϦϙδτϦͷૢ࡞͕༰қ w 1VCMJDϦϙδτϦͰ͋Εɺجຊతʹແ੍ݶʹར༻Մೳ
(JU)VC1BHFT w (JU)VCϦϙδτϦͱؔ࿈͢Δ8FCαΠτΛϗεςΟϯάͰ͖ΔαʔϏε w ࠓճ735ͷϨϙʔτΛϗεςΟϯά͢ΔͨΊʹར༻͠·͢ w ͭͷυϝΠϯ͔࣋ͯ͠ͳ͍ͱ͍͏ܽ͋Γ·͕͢ɺඇৗʹ͓खܰʹར ༻Ͱ͖ΔػೳͰ͢ w ಉ࣌ʹෳͷϒϥϯν͔ΒσϓϩΠ͍ͨ͠ʜʂͱ͍͏߹ɺ/FUMJGZ
7FSWFMɺ$MPVE fl BSF1BHFTͳͲΛར༻͠·͠ΐ͏
735ͷ͓͓·͔ͳྲྀΕ 8FCαΠτͷ৴ڥͷ্ཱͪ͛ εφοϓγϣοτऔಘ લճͷը૾ͷൺֱ Ϩϙʔτͷੜ 1MBZXSJHIUͷ ୲ൣғ πʔϧʹΑͬͯ Ұ෦ʹಛԽ͍ͯ͠Δͷ SFHTVJUͳͲ
ίʔυͱϨϙʔτ ͘ͳ͍ͬͯΔ ෦͕ࠩ ϖʔδಡΈࠐΜͰ735Ͱ͢Δ ͚ͩͳΒ͜Ε͚ͩͰ͍͍ ʢ࣮ࡍΠϯλϥΫγϣϯͳΜΒ͔ͷ ػ͕ڬ·Δ͜ͱ͕ଟ͍ʣ
ੜ͞Εͨ13ͱ1BHFT w Ϩϙʔτ w IUUQT UPUUPHJUIVCJP WSUIBOETPO w ߋ৽13 w
IUUQTHJUIVCDPN UPUUPWSU IBOETPOQVMM
վળ৭ʑ w ίϯϙʔωϯτϨϕϧ735 w $*ڥͱϩʔΧϧڥΛἧ͑Δ w ଞͷ735πʔϧͷݕ౼ w ύϑΥʔϚϯε w
&&ςετͱͷ͍͚ w FUDʜ
ίϯϙʔωϯτϨϕϧͷ735 w ϑϧϖʔδͷ735࣮͕؆୯ͳΑ͏ʹݟ͑ͯམͱ͕݀͠Կ͔͋Δ w େ͖ͳ͕ࠩग़Δͱຊདྷݕग़͔͕ͨͬͨࠩ͠ຒΕΔ w දࣔ֎ͷը૾ͷಡΈࠐΈ w ίϯϙʔωϯτϨϕϧʹׂ͢Δ͜ͱͰɺΑΓৄࡉ͔࣮ͭ֬ʹ735ͷԸܙ Λड͚Δ͜ͱ͕Ͱ͖Δ
ίϯϙʔωϯτϨϕϧͷ735 w 1MBZXSJHIUͷίϯϙʔωϯτςετػೳʢ։ൃதʣ w ಛఆͷίϯϙʔωϯτͷΈϒϥβͰϨϯμϦϯάͰ͖Δ w ࣌ɺ3FBDUɺ4WFMUFɺ7VFɺ4PMJEͰར༻Ͱ͖Δ w 6*ίϯϙʔωϯτΤΫεϓϩʔϥ 735
w 4UPSZCPPLͳͲͱΈ߹ΘͤΔ͜ͱͰ࣮ݱ͢Δ w දతͳΈ߹Θͤɿ4UPSZCPPL TUPSZDBQ SFHTVJU
%PDLFSΛར༻ͨ͠735 w ͓ࢼ͠ΩοτͰ$*Ͱอଘͨ͠ը૾ΛϩʔΧϧͰྲྀ༻Ͱ͖·ͤΜ w $*ͷΈͰ࣮ߦ͢Δ߹ʹͳΒͳ͍Ͱ͕͢ɺϩʔΧϧͰҰ෦͚࣮ͩߦ ͍ͨ͠߹ɺϑΥϯτͳͲͰ͕ࠩग़ΔՄೳੑ͕ߴ͍Ͱ͢ w ϩʔΧϧͱ$*ͷ྆ํͰ735Λ࣮ߦ͢Δ߹ɺಉ͡%PDLFS*NBHFΛར༻ ͯ͠ςετ͢Δ͜ͱΛ͓͢͢Ί͠·͢ w
1MBZXSJHIUͷެࣜυΩϡϝϯτ w ຊޠڥ͚ͷ1MBZXSJHIU%PDLFS fi MF
ଞͷ735πʔϧ w ۙɺ735ઐͷ༗༻ͳπʔϧɺαʔϏε͕ొ͍ͯ͠·͢ w ΫϥυαʔϏε w $ISPNBUJDɺ-PTU1JYFM w πʔϧ w
-PTU1JYFMɺSFHTVJU ͱTUPSZDBQ w ʹ7JTVBM3FHSFTTJPO5FTUJOHΛ࢝ΊΔͳΒͲΜͳબࢶ͕͋Δ͔
ࢀߟࢿྉͷհ w ϑϩϯτΤϯυ։ൃͷͨΊͷςετೖࠓ͔ΒͰ͓͖͍ͬͯͨࣗಈς ετઓུͷඞਢࣝ w ࠓඞཁͳجૅ͔ࣝΒ࣮ફ·Ͱཏ͞Ε͍ͯΔ w ϥΠϒϥϦπʔϧͷ༷มߋ͋ΔͨΊɺಡΉͳΒࠓ͕͓͢͢Ί w ϏδϡΞϧϦάϨογϣϯςετπʔϧ̐બʂϢʔβʔ͕ޠΔ֤πʔϧͷ
ϝϦοτ w ࠓճհ͍ͯ͠ͳ͍1MBZXSJHIUҎ֎ͷπʔϧ͕հ͞Ε͍ͯ·͢
Πϕϯτհ w ϑϩϯτΤϯυΧϯϑΝϨϯεւ ಓΞϑλʔτʔΫ0OMJOF w ΏΊΈº-BZFS9ºαΠϘζࣾ߹ ಉϑϩϯτΤϯυΧϯϑΝϨϯε ւಓޙࡇˏ౦ژ
ऴΘΓͰ͢ʂ ͋͝Γ͕ͱ͏͍͟͝·ͨ͠ʂ