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
Cypressを導入してみた
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Takayuki
PRO
June 22, 2019
Programming
0
370
Cypressを導入してみた
Cypressを導入してみた
Takayuki
PRO
June 22, 2019
Tweet
Share
More Decks by Takayuki
See All by Takayuki
Laravel Applications with DDD x Clean Architecture x Vibe Coding
bumptakayuki
PRO
1
98
Laravel × Clean Architecture
bumptakayuki
PRO
1
480
エンジニアのキャリア論
bumptakayuki
PRO
1
240
地方カンファレンス主催のススメ
bumptakayuki
PRO
1
240
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
PRO
2
1.3k
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
PRO
0
740
沖縄観光、名物を一挙紹介!
bumptakayuki
PRO
2
730
Laravel ShiftでLaravelのバージョンアップしてみた話
bumptakayuki
PRO
1
3.1k
flutterでイベントアプリを作ってみた
bumptakayuki
PRO
0
180
Other Decks in Programming
See All in Programming
OCaml 5でモダンな並列プログラミングを Enjoyしよう!
haochenx
0
140
インターン生でもAuth0で認証基盤刷新が出来るのか
taku271
0
190
AtCoder Conference 2025
shindannin
0
1.1k
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
momok47
0
200
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
ahuglajbclajep
5
1k
Gemini for developers
meteatamel
0
100
Raku Raku Notion 20260128
hareyakayuruyaka
0
360
AIによる高速開発をどう制御するか? ガードレール設置で開発速度と品質を両立させたチームの事例
tonkotsuboy_com
7
2.4k
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
2.5k
Apache Iceberg V3 and migration to V3
tomtanaka
0
170
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
petamoriken
0
210
Vibe Coding - AI 驅動的軟體開發
mickyp100
0
180
Featured
See All Featured
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
57
GitHub's CSS Performance
jonrohan
1032
470k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.2k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
350
Deep Space Network (abreviated)
tonyrice
0
64
The browser strikes back
jonoalderson
0
400
Technical Leadership for Architectural Decision Making
baasie
2
250
4 Signs Your Business is Dying
shpigford
187
22k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3k
GraphQLとの向き合い方2022年版
quramy
50
14k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
1.6k
Claude Code のすすめ
schroneko
67
210k
Transcript
Cypressを導入してみた 鈴木孝之 2019/06/22
"HFOEB ࣗݾհɾձࣾհ $ZQSFTTͱ %&.0
ࣗݾհɾձࣾհ
1.ࣗݾհ ◆໊લ ླ ೭(Suzuki Takayuki) ※ಉಉ໊ଟͯ͘ࠔͬͯ·͢ɻɻɻ ◆ࣗݾհ ɾ1990ɺਆಸݝੜ·Εɻ ɾࣾձਓʹͳ͔ͬͯΒɺϓϩάϥϛϯάΛ࢝ΊΔɻ ɾ2015ʹϑϧεϐʔυʹೖࣾ͠ɺ2017ʹಠཱɻ
ɾݱࡏɺडୗ։ൃΛΓͭͭɺࣗࣾWebαʔϏεΛ։ൃதɻ ◆झຯ ίεϓϨɺԻָϥΠϒɺϚϥιϯେձʹग़Δɺٿ؍ઓ ◆εΩϧ PHP,Symfony2,CakePHP3,Laravel5, JavaScript,backbone.js,Angular.js
Copyright Re:Build.inc All Rights Reserved. ձࣾհ ◆ձ໊ࣾ גࣜձࣾRe:Build ◆ॅॴ ԭೄݝԭೄࢢதԝ̍ஸ̍̒−̕
◆ࣄۀ༰ ɾࣗࣾWEBαʔϏεͷاըɾ։ൃɻ ɾडୗ։ൃ ◆ࣾһ 4໊ ◆ΤϯδχΞͷಇ͖ํ ϦϞʔτϫʔΫՄೳͳࣗ༝ͳಇ͖ํΛਪͯ͠·͢ʂ
6 ࣗࣾWebαʔϏεͷ։ൃ ɾαʔϏε໊ Tadoru ɾγεςϜ֓ཁ Ϋϥυιʔγϯά ΫϨδοτܾࡁ ͳͲ ɾ͍ͬͯΔٕज़ ݴޠ
: PHP,JavaScript ϑϨʔϜϫʔΫ: laravel5,Nuxt.jsͳͲ
$ZQSFTTͱ
Cypressͱʁ https://www.kaizenprogrammer.com/entry/2017/12/23/144242 Cypress ɺςετͷηοτΞοϓɺ ࡞ɺ࣮ߦɺσόοάͳͲΛγϯϓϧʹ͢Δϒϥβςε τπʔϧͰ͢ɻ E2E ςετΛطଘͷ Selenium ͷΑ͏ͳπʔϧͰ࣮ɾӡ
༻͢Δͱ͖ʹ͋Γ͕ͪͳਏ͍ମݧΛվળͯ͠ɺ։ൃऀΛ ͤʹ͢Δ͜ͱ͕తͷΑ͏Ͱ͢ɻ
Selenium ͱͷҧ͍ https://www.kaizenprogrammer.com/entry/2017/12/23/144242 ·ͣࠜຊతͳҧ͍ͱͯ͠ɺSelenium ͋͘·ͰϒϥβΛࣗಈૢ࡞͢Δπʔϧ Ͱ͋ͬͯςετҎ֎ͷ༻్ʢεΫϨΠϐϯάखݩͷૢ࡞ͷࣗಈԽͳͲʣͰ ͑Δͷʹରͯ͠ɺCypress શʹςετతʹಛԽ͍ͯ͠·͢ɻ ͳͷͰɺཁૉͷදࣔΛͬͨΓϖʔδભҠͷྃΛͬͨΓͱ͍ͬͨෆ҆ఆͳς ετରࡦඪ४ͰߦΘΕ·͢ɻ
ݱঢ়Ͱ E2E ςετ౷߹ςετͷͨΊͷػೳ͕ଟ͍Ͱ͕͢ɺJavaScript ͷϢ χοτςετͷαϙʔτڧԽ͍ͯ͘͠Α͏Ͱ͢ɻ
ը໘Πϝʔδ https://www.kaizenprogrammer.com/entry/2017/12/23/144242
ը໘Πϝʔδ https://www.kaizenprogrammer.com/entry/2017/12/23/144242 ϒϥβͷίϚϯυϩά্ͰίϚϯυΛΫ ϦοΫ͢ΔͱɺͦͷίϚϯυ͕࣮ߦ͞Εͨ ࣌ͷ DOM εφοϓγϣοτΛݟΔ͜ͱ͕ Ͱ͖Δɻ CLICK Λબ͢Δͱ্ͷը૾ͷΑ͏ʹΫ
ϦοΫΠϕϯτ͕ൃੜͨ͠ॴ͕ϐϯϙΠϯ τͰ͘දࣔ͞ΕΔɻ
ը໘Πϝʔδ https://www.kaizenprogrammer.com/entry/2017/12/23/144242 ͜ͷঢ়ଶͰ Chrome ͷ Developer Tools Λ։͘͜ͱ͕Մೳ
%&.0
ϑϩϯτΤϯυ αʔόαΠυ શମߏ Gitlab CI ςετɾLintͳͲ Firebase ςετɾLintͳͲ
(1)PUSH (2)GitlabCI࣮ߦ (3)ίϯςφىಈ Gitlab (6)Envoy࣮ߦ ςετ࣮ߦ ίϯςφ σϓϩΠ࣮ߦ ίϯςφ (5)ίϯςφىಈ
(4)UnitTest࣮ߦ (7)Pull εςʔδϯάڥ ϦϙδτϦ Gitlab CI
DEMO
DEMO
DEMO
DEMO
DEMO
DEMO ςετͷϏσΦ͕ ੜ͞ΕΔ
DEMO