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
490
テストなしでそれ動いてるの?って言われてテストはじめました
MasayaYoshino
March 05, 2019
Tweet
Share
More Decks by MasayaYoshino
See All by MasayaYoshino
近頃のお金の重なり業界のことを調 べてみた話
ayasamind
0
110
ChatGPTで簡単! 余興に使えるAWSサーバーレスアプリ開発入門
ayasamind
0
570
コミュニティがもたらすエンジニアの あり方・働き方とは
ayasamind
0
110
明星和楽2019/エンジニアが活躍する世界とエンジニアの意義
ayasamind
0
55
JSでFirebaseのML Kitを使う
ayasamind
0
1.9k
NuxtとLaravelを連携する上でやったこと
ayasamind
1
1k
AlexaからはじめるServerless
ayasamind
0
680
ALISのサーバーサイドアーキテクチャをのぞいてみる!
ayasamind
1
1.6k
vuenight.pdf
ayasamind
0
630
Other Decks in Programming
See All in Programming
MCPで実現できる、Webサービス利用体験について
syumai
7
2.2k
ソフトウェア設計とAI技術の活用
masuda220
PRO
25
6.9k
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
2
220
効率的な開発手段として VRTを活用する
ishkawa
1
180
MySQL9でベクトルカラム登場!PHP×AWSでのAI/類似検索はこう変わる
suguruooki
1
260
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
4
1.4k
PHPUnitの限界をPlaywrightで補完するテストアプローチ
yuzneri
0
350
코딩 에이전트 체크리스트: Claude Code ver.
nacyot
0
1k
Gemini CLIの"強み"を知る! Gemini CLIとClaude Codeを比較してみた!
kotahisafuru
2
210
11年かかって やっとVibe Codingに 時代が追いつきましたね
yimajo
0
210
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
3
300
構造化・自動化・ガードレール - Vibe Coding実践記 -
tonegawa07
0
150
Featured
See All Featured
Docker and Python
trallard
45
3.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Typedesign – Prime Four
hannesfritz
42
2.7k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
The Invisible Side of Design
smashingmag
301
51k
Raft: Consensus for Rubyists
vanstee
140
7k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
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 ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ