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
Angular + Jestでスナップショットテスト / Classi Angular Night 1
Search
OKUNOKENTARO
January 31, 2019
Technology
3
1.7k
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
Podcastを継続する技術 / refactoradio-240119
okunokentaro
1
110
Webアプリケーション設計の第一歩は ディレクトリの整理から / Encraft 1
okunokentaro
30
9.5k
JSONとJSON Schemaを改めて理解する / tokyo_study
okunokentaro
9
1.9k
それでもどうしてRecoilを使うのか / Harajuku.ts Meetup Recoil
okunokentaro
19
5.2k
TypeScriptは10年でこんなに進化しました / TechFeed Experts Night 11
okunokentaro
6
1.5k
Hasura.io RDBをサクサク作る方法はARやO/RMだけじゃなくなりました/hasura-io
okunokentaro
5
580
コードには型アノテーションよりも要件アノテーションを増やせ!/harajukuts2
okunokentaro
13
5.9k
10年と3ヶ月でWebサービスを作った話 / Piyogrammer Conference 2021
okunokentaro
2
920
any禁止 絶対に型付けを諦めないための便利なユーティリティ関数 / techstand6
okunokentaro
21
6.3k
Other Decks in Technology
See All in Technology
長期運用プロジェクトでのMySQLからTiDB移行の検証
colopl
2
850
コンテナセキュリティの基本と脅威への対策
kyohmizu
3
760
Hands-on Gemini, the Google DeepMind LLM
meteatamel
1
110
Google Cloud Next '24でブログを10本書いた方法と勉強会を沸かせた方法
yasumuusan
0
290
Terraformあれやこれ/terraform-this-and-that
emiki
8
1.4k
リテール金融(キャッシュレス・ネット銀行・ネット証券)の競争環境と経済圏
8maki
0
860
Gitlab本から学んだこと - そーだいなるプレイバック / gitlab-book
soudai
4
230
GraphQL 成熟度モデルの紹介と、プロダクトに当てはめた事例 / GraphQL maturity model
mh4gf
7
1.3k
KubeConにproposalを送りたい人へのアドバイス
sat
PRO
3
240
アクセス制御にまつわる改善 / Improving access control
itkq
0
530
オーナーシップを持つ領域を明確にする
konifar
13
3.1k
SIEMを用いて、セキュリティログ分析の可視化と分析を実現し、PDCAサイクルを回してみた
coconala_engineer
0
280
Featured
See All Featured
What the flash - Photography Introduction
edds
64
11k
Statistics for Hackers
jakevdp
789
220k
Happy Clients
brianwarren
92
6.4k
Code Review Best Practice
trishagee
55
15k
GitHub's CSS Performance
jonrohan
1025
450k
Music & Morning Musume
bryan
41
5.6k
Art, The Web, and Tiny UX
lynnandtonic
289
19k
KATA
mclloyd
15
12k
Facilitating Awesome Meetings
lara
42
5.6k
Building an army of robots
kneath
300
41k
Designing for humans not robots
tammielis
248
25k
Imperfection Machines: The Place of Print at Facebook
scottboms
260
12k
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