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
ヘブンバーンズレッドのレンダリングパイプライン刷新
gree_tech
PRO
0
350
ここ一年のCCoEとしてのAWSコスト最適化を振り返る / CCoE AWS Cost Optimization devio2025
masahirokawahara
1
850
Vault meets Kubernetes
mochizuki875
0
140
「魔法少女まどか☆マギカ Magia Exedra」のグローバル展開を支える、開発チームと翻訳チームの「意識しない協創」を実現するローカライズシステム
gree_tech
PRO
0
340
PRDの正しい使い方 ~AI時代にも効く思考・対話・成長ツールとして~
techtekt
PRO
0
100
知られざるprops命名の慣習 アクション編
uhyo
11
2.8k
エキサイトブログの トップページを 段階的にリプレイスする
zsp2088dev
0
150
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
30k
JuniorからSeniorまで: DevOpsエンジニアの成長ロードマップ
yuriemori
2
330
ヒューリスティック評価を用いたゲームQA実践事例
gree_tech
PRO
0
340
mruby(PicoRuby)で ファミコン音楽を奏でる
kishima
2
480
そのコンポーネント、サーバー?クライアント?App Router開発のモヤモヤを可視化する補助輪
makotot
4
770
Featured
See All Featured
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Practical Orchestrator
shlominoach
190
11k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
284
13k
A better future with KSS
kneath
239
17k
The Language of Interfaces
destraynor
160
25k
KATA
mclloyd
32
14k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6.1k
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