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
Takayuki
June 22, 2019
Programming
0
330
Cypressを導入してみた
Cypressを導入してみた
Takayuki
June 22, 2019
Tweet
Share
More Decks by Takayuki
See All by Takayuki
地方カンファレンス主催のススメ
bumptakayuki
1
110
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
1
350
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
0
380
沖縄観光、名物を一挙紹介!
bumptakayuki
2
400
Laravel ShiftでLaravelのバージョンアップしてみた話
bumptakayuki
1
1k
flutterでイベントアプリを作ってみた
bumptakayuki
0
91
オフショア開発の辛みと学んだ事
bumptakayuki
0
310
ChatGPTにStripeのサンプルコードを書かせてみた
bumptakayuki
1
130
ChatGPTに記事を書かせてみた
bumptakayuki
1
200
Other Decks in Programming
See All in Programming
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
4
920
Amazon SQSコンシューマー疎結合への旅 - 出張! #DevelopersIO IT技術ブログの中の人が語る勉強会 #3
quiver
0
220
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
1.1k
What We Can Learn From OSS
inouehi
0
420
新宿ダンジョンを可視化してみた
satoshi7190
2
210
Milestoner
bkuhlmann
1
410
Git Lint
bkuhlmann
4
750
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
380
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
110
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
8
3.9k
Elm 0.19.0 Changes
bkuhlmann
0
490
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
26
8.1k
Featured
See All Featured
Writing Fast Ruby
sferik
620
60k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
154
14k
How to train your dragon (web standard)
notwaldorf
72
5.1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
647
58k
Fantastic passwords and where to find them - at NoRuKo
philnash
36
2.5k
Producing Creativity
orderedlist
PRO
336
39k
Ruby is Unlike a Banana
tanoku
96
10k
Principles of Awesome APIs and How to Build Them.
keavy
120
16k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
Designing for Performance
lara
601
67k
Rebuilding a faster, lazier Slack
samanthasiow
72
8.2k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
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