Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Angular + Jestでスナップショットテスト / Classi Angular Night 1
OKUNOKENTARO
January 31, 2019
Technology
3
1.3k
Angular + Jestでスナップショットテスト / Classi Angular Night 1
2019/1/31、Classi Angular Night #1にて発表した資料です。
OKUNOKENTARO
January 31, 2019
Tweet
Share
More Decks by OKUNOKENTARO
See All by OKUNOKENTARO
okunokentaro
2
780
okunokentaro
7
2.4k
okunokentaro
1
2.8k
okunokentaro
19
5.9k
okunokentaro
0
160
okunokentaro
0
940
okunokentaro
7
1.7k
okunokentaro
0
290
okunokentaro
0
460
Other Decks in Technology
See All in Technology
fufuhu
3
140
will03
0
100
twada
PRO
6
2k
simosako
1
110
kahara33
0
110
oracle4engineer
0
3.6k
willnet
12
4.1k
imdigitallab
0
190
nisshii0313
1
160
yamamuteki
3
740
xecus
0
180
khrd
1
570
Featured
See All Featured
aarron
257
36k
cassininazir
347
20k
chriscoyier
779
240k
dougneiner
55
5.4k
samlambert
237
10k
keithpitt
401
20k
roundedbygravity
84
7.9k
ufuk
56
5.4k
eitanlees
112
10k
gr2m
83
11k
lauravandoore
437
28k
jlugia
217
16k
Transcript
"OHVMBS +FTUͰεφοϓγϣ ο τςε τ +BO $MBTTJ"OHVMBS/JHIU !PLVOPLFOUBSP
୭ w Ԟݡଠ!PLVOPLFOUBSP w ΫϨεΣΞද w ΞϓϦέʔγϣϯ ɾ ΤϯδχΞ w
"OHVMBSຊϢʔβʔձ
ͬͨ͜ͱ w "OHVMBSσϕϩούʔζΨΠ υ w ͷ τϥΠΤϥʔ͔Βੜ·Εͨେنઃܭϊϋ 'SPOUFOE$POGFSFODF'VLVPLB w ࣍ੈ8FCΧϯϑΝϨϯε8FC.VTJDηογϣϯ
࣍ੈ8FCΧϯϑΝϨϯε
+FTU w 'BDFCPPLͷςε τϑ ϨʔϜϫʔΫ w IUUQTKFTUKTJP w ߴͳ࣮ߦͱɺ ߴͳ࠶࣮ߦ
w ϚϧνίΞΛ׆༻ͨ͠ฒྻ࣮ߦ w εφοϓγϣ ο τςε τ
+FTUͷϝ Ϧ ο τ w +FTU$-*͕༏ल w Υ ονͱ࠶࣮ߦʹؔ͢Δૢ࡞ੑ͕ͱͯΑ͍ w
མͪͨςε τͷΈ࠶࣮ߦ w ςε τͷϑΝΠϧ໊ɺ ςε τͷεϖοΫ໊ͰߜΓࠐΜͰ࣮ߦ w ,BSNBىಈͷ͕࣌ؒෆཁɺ ඵͰऴྃ
KFTUQSFTFUBOHVMBS w IUUQTHJUIVCDPNUIZNJLFFKFTUQSFTFUBOHVMBS w "OHVMBS$-*ͷ࡞͢Δڥ+BTNJOF ,BSNBΛલఏͱ͍ͯ͠Δ w +FTUΛ͏ࡍʹඞཁͳઃఆͱɺ ඞཁͳґଘؔΛఏڙͯ͘͠ΕΔ w
+BTNJOFͰਐΊ͍ͯΔҊ͔݅ΒΓ͑ΔࡍUTDPOpHͷখࡉ͕ඞཁ w IUUQTTQFBLFSEFDLDPNPLVOPLFOUBSPOHLZPUPBOHVMBS NFFUVQ TMJEF
w ͜Ε3FBDUͷྫ w ྫͰ-JOLͱ͍͏ ίϯϙʔωϯ τ .jsx Λ react-test-rendererͱ͍͏ ϥΠ
ϒϥ ϦΛܦ༝͢Δ͜ͱͰݕূ͍ͯ͠Δ εφοϓγϣ ο τςε τ import React from 'react'; import Link from '../Link.react'; import renderer from 'react-test-renderer'; it('renders correctly', () => { const tree = renderer .create(<Link page="http://www.facebook.com">Facebook</Link>) .toJSON(); expect(tree).toMatchSnapshot(); });
εφοϓγϣ ο τςε τ w +FTUͷεφοϓγϣ ο τςε τͰɺ จࣈྻΛεφοϓγϣ
ο τͱͯ͠อଘ͓͖ͯ͠ ճҎ߱ͷςε τͰॳճͷεφοϓγϣ ο τͱ࠷৽ͷ݁ՌΛൺֱ͢Δ w 3FBDU͚ͩͰͳ͘"OHVMBSಉ༷ʹՄೳ w ઌʹհͨ͠KFTUQSFTFUBOHVMBSͷ͓͔͛
εφοϓγϣ ο τςε τ w εφοϓγϣ ο τςε τͰམͪͨΒ ҙਤతͳมߋʹΑΔͷ͔ෆҙͷޡΓͳͷ͔ؾ͚ͮΔ
w ҙਤతͳΒεφοϓγϣ ο τଆΛߋ৽Ͱ͖Δ w ΨνΨνʹ݁߹ςε τΛॻ͍ͯ͠· ͏ ͱґଘͷมߋͰςε τͷमਖ਼ίε τ͕ਹΉ w FFΛΨνΨνʹॻ͘ ͱࠣࡉͳมߋͰམͪΔ w εφοϓγϣ ο τςε τΏΔ ͘͘ ΧόʔͰ͖Δ
ո͍͠ڍಈʜ w <ng-container>ςϯϓϨʔ τ্ͰෳͷཁૉΛ ͘ ͘ Δͷʹ͑Δ "OHVMBS͕ఏڙ͢Δཁૉ w %0.ͱ
ͯ͠ੜ͞Εͳ͍ͷͰೖΕࢠʹͯ͠ϓϩμΫ τʹӨڹ͠ͳ͍ w ͕ͣʜ w +FTUͷεφοϓγϣ ο τͰۭനจࣈͱ ͯ͠ѻΘΕΔΑ ͏ Ͱ ʢόά ʁ ʣ <ng-container>ͷ૿ݮͰεφοϓγϣ ο τςε τ͕མͪΔͱ͍͏͕͋Δ ҙ
5IBOLZPV