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
500
テストなしでそれ動いてるの?って言われてテストはじめました
MasayaYoshino
March 05, 2019
Tweet
Share
More Decks by MasayaYoshino
See All by MasayaYoshino
コミュニティと共に変化する 私とFusicの8年間
ayasamind
0
510
失敗から学ぶリーダーシップ 〜部門長が踏んだ “お約束の落とし穴” 全公開〜
ayasamind
0
75
近頃のお金の重なり業界のことを調 べてみた話
ayasamind
0
120
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
ayasamind
0
620
コミュニティがもたらすエンジニアの あり方・働き方とは
ayasamind
0
130
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
ayasamind
0
67
JSでFirebaseのML Kitを使う
ayasamind
0
1.9k
NuxtとLaravelを連携する上でやったこと
ayasamind
1
1k
AlexaからはじめるServerless
ayasamind
0
710
Other Decks in Programming
See All in Programming
Atomics APIを知る / Understanding Atomics API
ssssota
1
220
スタートアップを支える技術戦略と組織づくり
pospome
8
12k
CloudflareのSandbox SDKを試してみた
syumai
0
180
無秩序からの脱却 / Emergence from chaos
nrslib
1
9.6k
TypeScript 5.9 で使えるようになった import defer でパフォーマンス最適化を実現する
bicstone
1
510
Micro Frontendsで築いた 共通基盤と運用の試行錯誤 / Building a Shared Platform with Micro Frontends: Operational Learnings
kyntk
0
1.6k
Promise.tryで実現する新しいエラーハンドリング New error handling with Promise try
bicstone
3
1.7k
Module Harmony
petamoriken
2
570
モダンJSフレームワークのビルドプロセス 〜なぜReactは503行、Svelteは12行なのか〜
fuuki12
0
130
Level up your Gemini CLI - D&D Style!
palladius
1
130
Developing Specifications - Jakarta EE: a Real World Example
ivargrimstad
0
240
r2-image-worker
yusukebe
1
180
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1032
470k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
How to Think Like a Performance Engineer
csswizardry
28
2.3k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
Agile that works and the tools we love
rasmusluckow
331
21k
Statistics for Hackers
jakevdp
799
230k
Why Our Code Smells
bkeepers
PRO
340
57k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
A Tale of Four Properties
chriscoyier
162
23k
Scaling GitHub
holman
464
140k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
680
Mobile First: as difficult as doing things right
swwweet
225
10k
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 ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ