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
テストなしでそれ動いてるの?って言われてテストはじめました
Search
MasayaYoshino
March 05, 2019
Programming
550
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
テストなしでそれ動いてるの?って言われてテストはじめました
MasayaYoshino
March 05, 2019
More Decks by MasayaYoshino
See All by MasayaYoshino
コミュニティと共に変化する 私とFusicの8年間
ayasamind
0
4.1k
失敗から学ぶリーダーシップ 〜部門長が踏んだ “お約束の落とし穴” 全公開〜
ayasamind
0
130
近頃のお金の重なり業界のことを調 べてみた話
ayasamind
0
140
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
ayasamind
0
720
コミュニティがもたらすエンジニアの あり方・働き方とは
ayasamind
0
190
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
ayasamind
0
92
JSでFirebaseのML Kitを使う
ayasamind
0
2k
NuxtとLaravelを連携する上でやったこと
ayasamind
1
1.1k
AlexaからはじめるServerless
ayasamind
0
780
Other Decks in Programming
See All in Programming
AI Readyの正体はデータマネジメントだ メダリオン2.0の最前線
freee
PRO
0
340
「寝てても仕事が進む」Claude Codeで組む第二の脳
tomoyafujita2016
0
350
How I Won Prize Money at a Hackathon Using Codex and Symphony Alpha
yasei_no_otoko
0
120
複数の Claude Code が"放置"されてしまう問題をCLI ダッシュボードを自作して解決した話
sumihiro3
1
710
自動化したのに回らないテスト運用の壁ーAI時代の品質責任と生産性
mfunaki
1
150
freeeにおけるEvalsの実践例の紹介
freee
PRO
0
130
リアルな遅延を測る仕様
kota_yata
1
120
全PRの83%がAIレビューだけでマージできるようになった開発組織はその後どうなったか
athug
1
1.9k
今さら聞けない .NET CLI
htkym
0
200
Go を使い始めて 2 ヶ月の学び / My first two months with Go
contour_gara
0
340
自動化したのに回らない テスト運用の壁―AI時代の品質責任と生産性
mfunaki
0
360
「人を評価する AI」の設計と実装
ryoyanara
0
220
Featured
See All Featured
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.8k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
470
My Coaching Mixtape
mlcsv
0
260
How to build a perfect <img>
jonoalderson
1
5.9k
Scaling GitHub
holman
464
140k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
780
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
280
Accessibility Awareness
sabderemane
1
180
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Designing for Timeless Needs
cassininazir
1
450
The Invisible Side of Design
smashingmag
301
52k
We Are The Robots
honzajavorek
0
300
Transcript
v ςετͳ͠ͰͦΕຊʹಈ͍ ͯΔͷʁͬͯݴΘΕͯςετ ͡Ί·ͨ͠ɻ 2019/03/05 Frontend Test Night - Fukuoka
#1
v ࣗݾհ
v ࣗݾհ גࣜձࣾFusic ΤϯδχΞ ٢ խ (Yoshino Masaya) @ayasamind גࣜձࣾFusic
ΤϯδχΞ ࣗݾհ
v
v ςετͳ͠ͰͦΕຊʹಈ͍ ͯΔͷʁͬͯݴΘΕͯςετ ͡Ί·ͨ͠ɻ 2019/03/05 Frontend Test Night - Fukuoka
#1
v ɾ͡Ίʹ ɾ΅͕͔͍͍ͨ͘͞͠ΐͷςετ ɾςετΛ͡Ίͯ͜·ͬͨ͜ͱ ɾςετΛ͡ΊͯΑ͔ͬͨ͜ͱ ɾ͓·͚ ࣍
v ͡Ίʹ
v LTͯ͠·͕͢
v ςετྺ: 1ະຬͰ͢
v ͨͩɺ
v ࠓͷςʔϚ ʮࢲ͕ςετʹऔΓΈ͡Ί͖͔͚ͨͬʯ
v ΅͕͔͍͍ͨ͘͞͠ΐͷςετ
v ࠷ॳʹॻ͍ͨςετ֮͑ͯ·͔͢ʁ ΅͕͔͍͍ͨ͘͞͠ΐͷςετ
v ϑϩϯτΤϯυ or όοΫΤϯυ ΅͕͔͍͍ͨ͘͞͠ΐͷςετ
v ୯ମςετ ෳ߹ςετ ػೳςετ etc.. ΅͕͔͍͍ͨ͘͞͠ΐͷςετ
v ٢ͷ߹ ΅͕͔͍͍ͨ͘͞͠ΐͷςετ
v ΅͕͔͍͍ͨ͘͞͠ΐͷςετ
v ΅͕͔͍͍ͨ͘͞͠ΐͷςετ EthereumͷίϯτϥΫτςετ ΦʔφʔҎ֎ͷΞΧϯτΞΫηεͰ͖ͳ͍͔͔֬ΊΔςετ
v ͳͥॻ͍ͨͷ͔ ΅͕͔͍͍ͨ͘͞͠ΐͷςετ
v ɾTruffleϑϨʔϜϫʔΫͷඪ४උ(Mocha, Chai) ɾνϡʔτϦΞϧதʹςετ͕Ͱͯ͘Δɻ ɾͦΕ͙Β͍Ethereumʹ͓͍ͯςετ͕ॏཁɻ ΅͕͔͍͍ͨ͘͞͠ΐͷςετ
v ΅͕͔͍͍ͨ͘͞͠ΐͷςετ EthereumͷςετΛॻ͘ཧ༝ ɾ͓͕ۚؔΘΔɻ ɾൃੜͨ͠όάʹΑΓɺݴޠ ɹͦͷͷͷ༷͕มΘͬͨ͜ͱɻ
v ΅͕͔͍͍ͨ͘͞͠ΐͷςετ EthereumͷίϯτϥΫτςετ ↓ phpͷϢχοτςετ ↓ VueͷϢχοτςετ ↓ CypressΛ༻͍ͨE2Eςετ
v ςετΛ͡Ίͯ͜·ͬͨ͜ͱ
v ςετΛ͡Ίͯ͜·ͬͨ͜ͱ ɾςετέʔεߟ͑ͯͨΒɺ࣌ؒ͘͢͝ܦͬͯͨɻ ɾςετίʔυॻ࣌ؒ͘ͷํ͕͍ɻ ɾ࣮ߦڥ࡞Δͷ͕ҙ֎ͱେมɻ(CypressࣗಈԽͱ͔) ɾCIͭ·ͬͯͯ։ൃεϐʔυ͕͘ͳΔɻ etc..
v ςετΛ͡ΊͯΑ͔ͬͨ͜ͱ
v ςετΛ͡ΊͯΑ͔ͬͨ͜ͱ ɾఆ͍ͯ͠ͳ͔ͬͨྫ֎ΛςετίʔυΛॻ͘ࡍʹݟ ͚ͭΔ͜ͱ͕Ͱ͖ͨɻ(Update࣌ͷUniqueόϦσʔγϣ ϯɺআ࣌ͷཧআͳͲ) →ςετΛಈ͔͢͜ͱେࣄ͚ͩͲɺͦͦॻ͘͜ͱ ʹ͔ͳΓͷҙຯ͕͋Δͳͱײͨ͡ɻ ɾσάϨͷ৺͕ݮͬͨ͜ͱɻ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹetc..
v ͓·͚
v ࠷ۙςετΛͯͯ͠ࠔ͍ͬͯΔ͜ͱ ͓·͚
v CI٧·Γ ͓·͚
v CI٧·Γ ͓·͚
v Pushͨ͠ͷʹɺͳ͔ͳ͔ςετ࢝ ·Βͳ͍͔ΒɺϨϏϡʔґཔ Ͱ͖ͳ͍ɺɺɺ ͓·͚ ΠϥΠϥ ΠϥΠϥ ΠϥΠϥ ΠϥΠϥ ΠϥΠϥ
ΠϥΠϥ ΠϥΠϥ ΠϥΠϥ ΠϥΠϥ ΠϥΠϥ
v ղফͰ͖ͳ͍͔ͳʔ ͓·͚
v ͓·͚ Github Actions!!!
v ͓·͚ Github Actionsͱ ɾPushissueՃͳͲͷΠϕϯτΛτϦΨʔʹɹ ɹactionΛ࣮ߦͯ͘͠ΕΔɻ ɾڈൃද͞ΕͨػೳͰɺ·ͩβ൛ɻ ɾDockernpmɺSlackͳͲͷ࿈ܞ͕Ͱ͖Δɻ ɾ.github/sample.workflow ϑΝΠϧʹઃఆΛॻ͘ɻ
v ͓·͚ ͬͯΈ·ͨ͠
v ͓·͚ ϩά
v ͓·͚ main.workflow testͷத
v ͓·͚ ײ ɾ࣮ߦதɺԿݟΕͳ͍ɺɺɺ ɾҙ֎ͱૣ͍ʂ ɾઃఆ͕ҙ֎ͱ͍͠ɺɺɺ ɾ݁ہCypressಈ͔ͤͳ͔ͬͨorz
v ͓·͚ Github Actions͑Δਓɺڭ͍͑ͯͩ͘͞
v ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ