vςετͳ͠ͰͦΕຊʹಈ͍ͯΔͷʁͬͯݴΘΕͯςετ͡Ί·ͨ͠ɻ2019/03/05Frontend Test Night - Fukuoka #1
View Slide
vࣗݾհ
vࣗݾհגࣜձࣾFusic ΤϯδχΞ٢ խ(Yoshino Masaya)@ayasamindגࣜձࣾFusic ΤϯδχΞࣗݾհ
v
vɾ͡Ίʹɾ΅͕͔͍͍ͨ͘͞͠ΐͷςετɾςετΛ͡Ίͯ͜·ͬͨ͜ͱɾςετΛ͡ΊͯΑ͔ͬͨ͜ͱɾ͓·͚࣍
v͡Ίʹ
vLTͯ͠·͕͢
vςετྺ: 1ະຬͰ͢
vͨͩɺ
vࠓͷςʔϚʮࢲ͕ςετʹऔΓΈ͡Ί͖͔͚ͨͬʯ
v΅͕͔͍͍ͨ͘͞͠ΐͷςετ
v࠷ॳʹॻ͍ͨςετ֮͑ͯ·͔͢ʁ΅͕͔͍͍ͨ͘͞͠ΐͷςετ
vϑϩϯτΤϯυorόοΫΤϯυ΅͕͔͍͍ͨ͘͞͠ΐͷςετ
v୯ମςετෳ߹ςετػೳςετetc..΅͕͔͍͍ͨ͘͞͠ΐͷςετ
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࠷ۙςετΛͯͯ͠ࠔ͍ͬͯΔ͜ͱ͓·͚
vCI٧·Γ͓·͚
vPushͨ͠ͷʹɺͳ͔ͳ͔ςετ࢝·Βͳ͍͔ΒɺϨϏϡʔґཔͰ͖ͳ͍ɺɺɺ͓·͚ΠϥΠϥΠϥΠϥΠϥΠϥΠϥΠϥΠϥΠϥΠϥΠϥΠϥΠϥΠϥΠϥΠϥΠϥΠϥΠϥ
vղফͰ͖ͳ͍͔ͳʔ͓·͚
v͓·͚Github Actions!!!
v͓·͚Github ActionsͱɾPushissueՃͳͲͷΠϕϯτΛτϦΨʔʹɹɹactionΛ࣮ߦͯ͘͠ΕΔɻɾڈൃද͞ΕͨػೳͰɺ·ͩβ൛ɻɾDockernpmɺSlackͳͲͷ࿈ܞ͕Ͱ͖Δɻɾ.github/sample.workflow ϑΝΠϧʹઃఆΛॻ͘ɻ
v͓·͚ͬͯΈ·ͨ͠
v͓·͚ϩά
v͓·͚ main.workflowtestͷத
v͓·͚ײɾ࣮ߦதɺԿݟΕͳ͍ɺɺɺɾҙ֎ͱૣ͍ʂɾઃఆ͕ҙ֎ͱ͍͠ɺɺɺɾ݁ہCypressಈ͔ͤͳ͔ͬͨorz
v͓·͚Github Actions͑Δਓɺڭ͍͑ͯͩ͘͞
v͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ