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 Nig...
Search
OKUNOKENTARO
January 31, 2019
Technology
3
1.8k
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
トレタO/X アーキテクチャ移行記 Next.js App Router化への道のり / TORETA TECH UPDATE 1
okunokentaro
5
11k
Podcastを継続する技術 / refactoradio-240119
okunokentaro
1
190
Webアプリケーション設計の第一歩は ディレクトリの整理から / Encraft 1
okunokentaro
34
10k
JSONとJSON Schemaを改めて理解する / tokyo_study
okunokentaro
9
2.4k
それでもどうしてRecoilを使うのか / Harajuku.ts Meetup Recoil
okunokentaro
19
5.6k
TypeScriptは10年でこんなに進化しました / TechFeed Experts Night 11
okunokentaro
6
1.7k
Hasura.io RDBをサクサク作る方法はARやO/RMだけじゃなくなりました/hasura-io
okunokentaro
5
680
コードには型アノテーションよりも要件アノテーションを増やせ!/harajukuts2
okunokentaro
14
6.4k
10年と3ヶ月でWebサービスを作った話 / Piyogrammer Conference 2021
okunokentaro
2
1.1k
Other Decks in Technology
See All in Technology
AWS DDoS攻撃防御の最前線
ryutakondo
1
140
KubeCon + CloudNativeCon Japan 2025 Recap
donkomura
0
190
Vision Language Modelと自動運転AIの最前線_20250730
yuyamaguchi
3
1.2k
LLMをツールからプラットフォームへ〜Ai Workforceの戦略〜 #BetAIDay
layerx
PRO
1
900
AIのグローバルトレンド 2025 / ai global trend 2025
kyonmm
PRO
1
120
生成AI時代におけるAI・機械学習技術を用いたプロダクト開発の深化と進化 #BetAIDay
layerx
PRO
1
1.1k
2時間で300+テーブルをデータ基盤に連携するためのAI活用 / FukuokaDataEngineer
sansan_randd
0
140
Claude Codeは仕様駆動の夢を見ない
gotalab555
23
5.6k
Claude Codeから我々が学ぶべきこと
oikon48
10
2.8k
製造業の課題解決に向けた機械学習の活用と、製造業特化LLM開発への挑戦
knt44kw
0
160
Bet "Bet AI" - Accelerating Our AI Journey #BetAIDay
layerx
PRO
4
1.6k
データモデリング通り #2オンライン勉強会 ~方法論の話をしよう~
datayokocho
0
130
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.4k
Visualization
eitanlees
146
16k
How STYLIGHT went responsive
nonsquared
100
5.7k
Statistics for Hackers
jakevdp
799
220k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
790
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
750
Speed Design
sergeychernyshev
32
1.1k
Automating Front-end Workflow
addyosmani
1370
200k
Unsuck your backbone
ammeep
671
58k
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