Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
テストなしでそれ動いてるの?って言われてテストはじめました
Search
MasayaYoshino
March 05, 2019
Programming
0
510
テストなしでそれ動いてるの?って言われてテストはじめました
MasayaYoshino
March 05, 2019
Tweet
Share
More Decks by MasayaYoshino
See All by MasayaYoshino
コミュニティと共に変化する 私とFusicの8年間
ayasamind
0
740
失敗から学ぶリーダーシップ 〜部門長が踏んだ “お約束の落とし穴” 全公開〜
ayasamind
0
82
近頃のお金の重なり業界のことを調 べてみた話
ayasamind
0
120
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
ayasamind
0
640
コミュニティがもたらすエンジニアの あり方・働き方とは
ayasamind
0
130
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
ayasamind
0
70
JSでFirebaseのML Kitを使う
ayasamind
0
1.9k
NuxtとLaravelを連携する上でやったこと
ayasamind
1
1k
AlexaからはじめるServerless
ayasamind
0
720
Other Decks in Programming
See All in Programming
20 years of Symfony, what's next?
fabpot
2
360
從冷知識到漏洞,你不懂的 Web,駭客懂 - Huli @ WebConf Taiwan 2025
aszx87410
2
2.7k
ハイパーメディア駆動アプリケーションとIslandアーキテクチャ: htmxによるWebアプリケーション開発と動的UIの局所的適用
nowaki28
0
420
手が足りない!兼業データエンジニアに必要だったアーキテクチャと立ち回り
zinkosuke
0
720
tparseでgo testの出力を見やすくする
utgwkk
2
230
新卒エンジニアのプルリクエスト with AI駆動
fukunaga2025
0
230
AIコーディングエージェント(Gemini)
kondai24
0
230
マスタデータ問題、マイクロサービスでどう解くか
kts
0
100
AIコーディングエージェント(Manus)
kondai24
0
190
MAP, Jigsaw, Code Golf 振り返り会 by 関東Kaggler会|Jigsaw 15th Solution
hasibirok0
0
250
まだ間に合う!Claude Code元年をふりかえる
nogu66
5
840
実はマルチモーダルだった。ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes #gemini
n0bisuke2
2
1.2k
Featured
See All Featured
Writing Fast Ruby
sferik
630
62k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Git: the NoSQL Database
bkeepers
PRO
432
66k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
The Invisible Side of Design
smashingmag
302
51k
Site-Speed That Sticks
csswizardry
13
1k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
70k
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Producing Creativity
orderedlist
PRO
348
40k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.3k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
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 ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ