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
dbt開発 with Claude Codeのためのガードレール設計
10xinc
2
1.3k
Automating Web Accessibility Testing with AI Agents
maminami373
0
1.3k
IoT x エッジAI - リアルタイ ムAI活用のPoCを今すぐ始め る方法 -
niizawat
0
120
CDK CLIで使ってたあの機能、CDK Toolkit Libraryではどうやるの?
smt7174
4
190
はじめてのOSS開発からみえたGo言語の強み
shibukazu
3
980
AWSを利用する上で知っておきたい名前解決のはなし(10分版)
nagisa53
10
3.2k
2つのフロントエンドと状態管理
mixi_engineers
PRO
3
120
【NoMapsTECH 2025】AI Edge Computing Workshop
akit37
0
230
Rustから学ぶ 非同期処理の仕組み
skanehira
1
150
実践!カスタムインストラクション&スラッシュコマンド
puku0x
0
530
AI時代を生き抜くエンジニアキャリアの築き方 (AI-Native 時代、エンジニアという道は 「最大の挑戦の場」となる) / Building an Engineering Career to Thrive in the Age of AI (In the AI-Native Era, the Path of Engineering Becomes the Ultimate Arena of Challenge)
jeongjaesoon
0
240
品質視点から考える組織デザイン/Organizational Design from Quality
mii3king
0
210
Featured
See All Featured
Embracing the Ebb and Flow
colly
87
4.8k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
4 Signs Your Business is Dying
shpigford
184
22k
Faster Mobile Websites
deanohume
309
31k
Designing for Performance
lara
610
69k
The Cult of Friendly URLs
andyhume
79
6.6k
Docker and Python
trallard
46
3.6k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Balancing Empowerment & Direction
lara
3
620
Large-scale JavaScript Application Architecture
addyosmani
513
110k
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