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
0
480
テストなしでそれ動いてるの?って言われてテストはじめました
MasayaYoshino
March 05, 2019
Tweet
Share
More Decks by MasayaYoshino
See All by MasayaYoshino
近頃のお金の重なり業界のことを調 べてみた話
ayasamind
0
100
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
ayasamind
0
560
コミュニティがもたらすエンジニアの あり方・働き方とは
ayasamind
0
110
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
ayasamind
0
54
JSでFirebaseのML Kitを使う
ayasamind
0
1.9k
NuxtとLaravelを連携する上でやったこと
ayasamind
1
1k
AlexaからはじめるServerless
ayasamind
0
670
ALISのサーバーサイドアーキテクチャをのぞいてみる!
ayasamind
1
1.6k
vuenight.pdf
ayasamind
0
630
Other Decks in Programming
See All in Programming
Hypervel - A Coroutine Framework for Laravel Artisans
albertcht
1
110
Goで作る、開発・CI環境
sin392
0
220
CursorはMCPを使った方が良いぞ
taigakono
1
240
#QiitaBash MCPのセキュリティ
ryosukedtomita
0
980
童醫院敏捷轉型的實踐經驗
cclai999
0
210
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
720
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
430
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
1
8.5k
Discover Metal 4
rei315
2
120
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
640
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
780
PicoRuby on Rails
makicamel
2
120
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Docker and Python
trallard
44
3.5k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
How GitHub (no longer) Works
holman
314
140k
Become a Pro
speakerdeck
PRO
28
5.4k
Automating Front-end Workflow
addyosmani
1370
200k
Done Done
chrislema
184
16k
Faster Mobile Websites
deanohume
307
31k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
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 ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ