Tweet
Tweet

Slide 1

Slide 1 text

v ςετͳ͠ͰͦΕຊ౰ʹಈ͍ ͯΔͷʁͬͯݴΘΕͯςετ ͸͡Ί·ͨ͠ɻ 2019/03/05 Frontend Test Night - Fukuoka #1

Slide 2

Slide 2 text

v ࣗݾ঺հ

Slide 3

Slide 3 text

v ࣗݾ঺հ גࣜձࣾFusic ΤϯδχΞ ٢໺ խ໹ (Yoshino Masaya) @ayasamind גࣜձࣾFusic ΤϯδχΞ ࣗݾ঺հ

Slide 4

Slide 4 text

v

Slide 5

Slide 5 text

v ςετͳ͠ͰͦΕຊ౰ʹಈ͍ ͯΔͷʁͬͯݴΘΕͯςετ ͸͡Ί·ͨ͠ɻ 2019/03/05 Frontend Test Night - Fukuoka #1

Slide 6

Slide 6 text

v ɾ͸͡Ίʹ ɾ΅͕͔͍͍ͨ͘͞͠ΐͷςετ ɾςετΛ͸͡Ίͯ͜·ͬͨ͜ͱ ɾςετΛ͸͡ΊͯΑ͔ͬͨ͜ͱ ɾ͓·͚ ໨࣍

Slide 7

Slide 7 text

v ͸͡Ίʹ

Slide 8

Slide 8 text

v LTͯ͠·͕͢

Slide 9

Slide 9 text

v ςετྺ: 1೥ະຬͰ͢

Slide 10

Slide 10 text

v ͨͩɺ

Slide 11

Slide 11 text

v ࠓ೔ͷςʔϚ ʮࢲ͕ςετʹऔΓ૊Έ͸͡Ί͖͔͚ͨͬʯ

Slide 12

Slide 12 text

v ΅͕͔͍͍ͨ͘͞͠ΐͷςετ

Slide 13

Slide 13 text

v ࠷ॳʹॻ͍ͨςετ֮͑ͯ·͔͢ʁ ΅͕͔͍͍ͨ͘͞͠ΐͷςετ

Slide 14

Slide 14 text

v ϑϩϯτΤϯυ or όοΫΤϯυ ΅͕͔͍͍ͨ͘͞͠ΐͷςετ

Slide 15

Slide 15 text

v ୯ମςετ ෳ߹ςετ ػೳςετ etc.. ΅͕͔͍͍ͨ͘͞͠ΐͷςετ

Slide 16

Slide 16 text

v ٢໺ͷ৔߹ ΅͕͔͍͍ͨ͘͞͠ΐͷςετ

Slide 17

Slide 17 text

v ΅͕͔͍͍ͨ͘͞͠ΐͷςετ

Slide 18

Slide 18 text

v ΅͕͔͍͍ͨ͘͞͠ΐͷςετ EthereumͷίϯτϥΫτςετ ΦʔφʔҎ֎ͷΞΧ΢ϯτ͸ΞΫηεͰ͖ͳ͍͔͔֬ΊΔςετ

Slide 19

Slide 19 text

v ͳͥॻ͍ͨͷ͔ ΅͕͔͍͍ͨ͘͞͠ΐͷςετ

Slide 20

Slide 20 text

v ɾTruffleϑϨʔϜϫʔΫͷඪ४૷උ(Mocha, Chai) ɾνϡʔτϦΞϧதʹςετ͕Ͱͯ͘Δɻ ɾͦΕ͙Β͍Ethereumʹ͓͍ͯςετ͕ॏཁɻ ΅͕͔͍͍ͨ͘͞͠ΐͷςετ

Slide 21

Slide 21 text

v ΅͕͔͍͍ͨ͘͞͠ΐͷςετ EthereumͷςετΛॻ͘ཧ༝ ɾ͓͕ۚ௚઀ؔΘΔɻ ɾൃੜͨ͠όάʹΑΓɺݴޠ ɹͦͷ΋ͷͷ࢓༷͕มΘͬͨ͜ͱ΋ɻ

Slide 22

Slide 22 text

v ΅͕͔͍͍ͨ͘͞͠ΐͷςετ EthereumͷίϯτϥΫτςετ ↓ phpͷϢχοτςετ ↓ VueͷϢχοτςετ ↓ CypressΛ༻͍ͨE2Eςετ

Slide 23

Slide 23 text

v ςετΛ͸͡Ίͯ͜·ͬͨ͜ͱ

Slide 24

Slide 24 text

v ςετΛ͸͡Ίͯ͜·ͬͨ͜ͱ ɾςετέʔεߟ͑ͯͨΒɺ࣌ؒ͘͢͝ܦͬͯͨɻ ɾςετίʔυॻ࣌ؒ͘ͷํ͕௕͍ɻ ɾ࣮ߦ؀ڥ࡞Δͷ͕ҙ֎ͱେมɻ(CypressࣗಈԽͱ͔) ɾCIͭ·ͬͯͯ։ൃεϐʔυ͕஗͘ͳΔɻ etc..

Slide 25

Slide 25 text

v ςετΛ͸͡ΊͯΑ͔ͬͨ͜ͱ

Slide 26

Slide 26 text

v ςετΛ͸͡ΊͯΑ͔ͬͨ͜ͱ ɾ૝ఆ͍ͯ͠ͳ͔ͬͨྫ֎ΛςετίʔυΛॻ͘ࡍʹݟ ͚ͭΔ͜ͱ͕Ͱ͖ͨɻ(Update࣌ͷUniqueόϦσʔγϣ ϯɺ࡟আ࣌ͷ࿦ཧ࡟আͳͲ) →ςετΛಈ͔͢͜ͱ΋େࣄ͚ͩͲɺͦ΋ͦ΋ॻ͘͜ͱ ʹ͔ͳΓͷҙຯ͕͋Δͳͱײͨ͡ɻ ɾσάϨͷ৺഑͕ݮͬͨ͜ͱɻ ɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹɹetc..

Slide 27

Slide 27 text

v ͓·͚

Slide 28

Slide 28 text

v ࠷ۙςετΛͯͯ͠ࠔ͍ͬͯΔ͜ͱ ͓·͚

Slide 29

Slide 29 text

v CI٧·Γ ͓·͚

Slide 30

Slide 30 text

v CI٧·Γ ͓·͚

Slide 31

Slide 31 text

v Pushͨ͠ͷʹɺͳ͔ͳ͔ςετ࢝ ·Βͳ͍͔ΒɺϨϏϡʔґཔ Ͱ͖ͳ͍ɺɺɺ ͓·͚ ΠϥΠϥ ΠϥΠϥ ΠϥΠϥ ΠϥΠϥ ΠϥΠϥ ΠϥΠϥ ΠϥΠϥ ΠϥΠϥ ΠϥΠϥ ΠϥΠϥ

Slide 32

Slide 32 text

v ղফͰ͖ͳ͍͔ͳʔ ͓·͚

Slide 33

Slide 33 text

v ͓·͚ Github Actions!!!

Slide 34

Slide 34 text

v ͓·͚ Github Actionsͱ͸ ɾPush΍issue௥ՃͳͲͷΠϕϯτΛτϦΨʔʹɹ ɹactionΛ࣮ߦͯ͘͠ΕΔɻ ɾڈ೥ൃද͞ΕͨػೳͰɺ·ͩβ൛ɻ ɾDocker΍npmɺSlackͳͲͷ࿈ܞ͕Ͱ͖Δɻ ɾ.github/sample.workflow ϑΝΠϧʹઃఆΛॻ͘ɻ

Slide 35

Slide 35 text

v ͓·͚ ࢖ͬͯΈ·ͨ͠

Slide 36

Slide 36 text

v ͓·͚ ϩά

Slide 37

Slide 37 text

v ͓·͚ main.workflow testͷத

Slide 38

Slide 38 text

v ͓·͚ ײ૝ ɾ࣮ߦதɺԿ΋ݟΕͳ͍ɺɺɺ ɾҙ֎ͱૣ͍ʂ ɾઃఆ͕ҙ֎ͱ೉͍͠ɺɺɺ ɾ݁ہCypressಈ͔ͤͳ͔ͬͨorz

Slide 39

Slide 39 text

v ͓·͚ Github Actions࢖͑Δਓɺڭ͍͑ͯͩ͘͞

Slide 40

Slide 40 text

v ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ