Suche senden
Hochladen
Reactテストに役立つ実装の工夫
•
2 gefällt mir
•
2,075 views
鉄平 土佐
Folgen
Modern Web App LT! freee x WACUL at 2016/6/10
Weniger lesen
Mehr lesen
Technologie
Diashow-Anzeige
Melden
Teilen
Diashow-Anzeige
Melden
Teilen
1 von 18
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Spring Boot概要
Spring Boot概要
af not found
Cocoa勉強会#63-Xcode Server〜みんなで使ってみる
Cocoa勉強会#63-Xcode Server〜みんなで使ってみる
Masayuki Nii
JasmineによるJavascriptテスト駆動開発
JasmineによるJavascriptテスト駆動開発
Yoichi Toyota
JustTechTalk#10 React開発における自動テスト実践
JustTechTalk#10 React開発における自動テスト実践
JustSystems Corporation
GrowthForecastことはじめ
GrowthForecastことはじめ
Makoto Taniwaki
JavaScriptフレームワーク入門にVue.jsはいかが?
JavaScriptフレームワーク入門にVue.jsはいかが?
好洋 山崎
元気玉的 分散テスト 実行システム TestStreamer
元気玉的 分散テスト 実行システム TestStreamer
Yoshitaka Kawashima
インパス! あのこれダメッス! ~Javaコードレビューの指摘ポイント10選~
インパス! あのこれダメッス! ~Javaコードレビューの指摘ポイント10選~
JustSystems Corporation
Empfohlen
Spring Boot概要
Spring Boot概要
af not found
Cocoa勉強会#63-Xcode Server〜みんなで使ってみる
Cocoa勉強会#63-Xcode Server〜みんなで使ってみる
Masayuki Nii
JasmineによるJavascriptテスト駆動開発
JasmineによるJavascriptテスト駆動開発
Yoichi Toyota
JustTechTalk#10 React開発における自動テスト実践
JustTechTalk#10 React開発における自動テスト実践
JustSystems Corporation
GrowthForecastことはじめ
GrowthForecastことはじめ
Makoto Taniwaki
JavaScriptフレームワーク入門にVue.jsはいかが?
JavaScriptフレームワーク入門にVue.jsはいかが?
好洋 山崎
元気玉的 分散テスト 実行システム TestStreamer
元気玉的 分散テスト 実行システム TestStreamer
Yoshitaka Kawashima
インパス! あのこれダメッス! ~Javaコードレビューの指摘ポイント10選~
インパス! あのこれダメッス! ~Javaコードレビューの指摘ポイント10選~
JustSystems Corporation
Nodejs
Nodejs
和樹 川端
jenkinsで遊ぶ
jenkinsで遊ぶ
(^-^) togakushi
Javaの進化にともなう運用性の向上はシステム設計にどういう変化をもたらすのか
Javaの進化にともなう運用性の向上はシステム設計にどういう変化をもたらすのか
Yoshitaka Kawashima
Memtest86をかけてみた話
Memtest86をかけてみた話
Yasuaki Sera
Play frameworkの概要
Play frameworkの概要
Shuhei Kaneko
RxSwift
RxSwift
Kosuke Usami
翻訳から始めるVue.js 入門
翻訳から始めるVue.js 入門
Makoto Chiba
キメるClojure
キメるClojure
Yoshitaka Kawashima
BIOSからUEFI
BIOSからUEFI
Yasuaki Sera
Bp study39 nodejs
Bp study39 nodejs
Yohei Sasaki
Osaka Venture Meetup #3
Osaka Venture Meetup #3
Kiyotaka Oku
Jmeter20120421
Jmeter20120421
hatakyo
GraphX によるグラフ分析処理の実例と入門
GraphX によるグラフ分析処理の実例と入門
鉄平 土佐
20161127 doradora09 japanr2016_lt
20161127 doradora09 japanr2016_lt
Nobuaki Oshiro
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
Naoyuki Kataoka
フロントエンド初学者がSPAに手を出してみた
フロントエンド初学者がSPAに手を出してみた
Kei Yagi
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Kohei Asai
まだ DOM 操作で消耗してるの?
まだ DOM 操作で消耗してるの?
Yuki Ishikawa
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのか
Yoichi Toyota
React + Redux Introduction
React + Redux Introduction
Nikolaus Graf
ドローン農業最前線
ドローン農業最前線
tetsuya furukawa
Weitere ähnliche Inhalte
Was ist angesagt?
Nodejs
Nodejs
和樹 川端
jenkinsで遊ぶ
jenkinsで遊ぶ
(^-^) togakushi
Javaの進化にともなう運用性の向上はシステム設計にどういう変化をもたらすのか
Javaの進化にともなう運用性の向上はシステム設計にどういう変化をもたらすのか
Yoshitaka Kawashima
Memtest86をかけてみた話
Memtest86をかけてみた話
Yasuaki Sera
Play frameworkの概要
Play frameworkの概要
Shuhei Kaneko
RxSwift
RxSwift
Kosuke Usami
翻訳から始めるVue.js 入門
翻訳から始めるVue.js 入門
Makoto Chiba
キメるClojure
キメるClojure
Yoshitaka Kawashima
BIOSからUEFI
BIOSからUEFI
Yasuaki Sera
Bp study39 nodejs
Bp study39 nodejs
Yohei Sasaki
Osaka Venture Meetup #3
Osaka Venture Meetup #3
Kiyotaka Oku
Jmeter20120421
Jmeter20120421
hatakyo
Was ist angesagt?
(12)
Nodejs
Nodejs
jenkinsで遊ぶ
jenkinsで遊ぶ
Javaの進化にともなう運用性の向上はシステム設計にどういう変化をもたらすのか
Javaの進化にともなう運用性の向上はシステム設計にどういう変化をもたらすのか
Memtest86をかけてみた話
Memtest86をかけてみた話
Play frameworkの概要
Play frameworkの概要
RxSwift
RxSwift
翻訳から始めるVue.js 入門
翻訳から始めるVue.js 入門
キメるClojure
キメるClojure
BIOSからUEFI
BIOSからUEFI
Bp study39 nodejs
Bp study39 nodejs
Osaka Venture Meetup #3
Osaka Venture Meetup #3
Jmeter20120421
Jmeter20120421
Andere mochten auch
GraphX によるグラフ分析処理の実例と入門
GraphX によるグラフ分析処理の実例と入門
鉄平 土佐
20161127 doradora09 japanr2016_lt
20161127 doradora09 japanr2016_lt
Nobuaki Oshiro
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
Naoyuki Kataoka
フロントエンド初学者がSPAに手を出してみた
フロントエンド初学者がSPAに手を出してみた
Kei Yagi
React を導入したフロントエンド開発
React を導入したフロントエンド開発
daisuke-a-matsui
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
Kohei Asai
まだ DOM 操作で消耗してるの?
まだ DOM 操作で消耗してるの?
Yuki Ishikawa
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのか
Yoichi Toyota
React + Redux Introduction
React + Redux Introduction
Nikolaus Graf
ドローン農業最前線
ドローン農業最前線
tetsuya furukawa
20170312 r言語環境構築&dplyr ハンズオン
20170312 r言語環境構築&dplyr ハンズオン
Nobuaki Oshiro
動的最適化の今までとこれから
動的最適化の今までとこれから
Kazuki Baba
今からでも遅くない! React事始め
今からでも遅くない! React事始め
ynaruta
Andere mochten auch
(13)
GraphX によるグラフ分析処理の実例と入門
GraphX によるグラフ分析処理の実例と入門
20161127 doradora09 japanr2016_lt
20161127 doradora09 japanr2016_lt
SIROK技術勉強会 #1 「Reactってなんだ?」
SIROK技術勉強会 #1 「Reactってなんだ?」
フロントエンド初学者がSPAに手を出してみた
フロントエンド初学者がSPAに手を出してみた
React を導入したフロントエンド開発
React を導入したフロントエンド開発
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
コンポーネント指向による、Reactのベストプラクティスとバッドプラクティス
まだ DOM 操作で消耗してるの?
まだ DOM 操作で消耗してるの?
なぜ人は必死でjQueryを捨てようとしているのか
なぜ人は必死でjQueryを捨てようとしているのか
React + Redux Introduction
React + Redux Introduction
ドローン農業最前線
ドローン農業最前線
20170312 r言語環境構築&dplyr ハンズオン
20170312 r言語環境構築&dplyr ハンズオン
動的最適化の今までとこれから
動的最適化の今までとこれから
今からでも遅くない! React事始め
今からでも遅くない! React事始め
Ähnlich wie Reactテストに役立つ実装の工夫
Groovyコンファレンス
Groovyコンファレンス
Shinichiro Takezaki
~初心者がこれから Web アプリの開発をするために~
~初心者がこれから Web アプリの開発をするために~
Oda Shinsuke
React Native + Expoでアプリを開発してみた話
React Native + Expoでアプリを開発してみた話
GIG inc.
モダンJavaScript環境構築一歩目
モダンJavaScript環境構築一歩目
大樹 小倉
Com camp2014
Com camp2014
彰 村地
大規模なギョームシステムにHaxeを採用してみた話
大規模なギョームシステムにHaxeを採用してみた話
terurou
Dot netconf2017 - VS拡張
Dot netconf2017 - VS拡張
Tatsuya Ishikawa
[使い倒し]GitHubのIssueとTFS/VSOのWorkItem連動に挑む(2015/08/26)
[使い倒し]GitHubのIssueとTFS/VSOのWorkItem連動に挑む(2015/08/26)
Masanori Ishigami
あなたの安心を高速に守る Container-based CI
あなたの安心を高速に守る Container-based CI
Wataru MIYAGUNI
Antのススメ
Antのススメ
Tatsumi Naganuma
テストしなイカ? Seleniumで自動ブラウザテスト
テストしなイカ? Seleniumで自動ブラウザテスト
Ohishi Mikage
メディアコンテンツ向け記事検索DBとして使うElasticsearch
メディアコンテンツ向け記事検索DBとして使うElasticsearch
Yasuhiro Murata
キャバァーン! サツバツエアアイオー弐〇壱弐
キャバァーン! サツバツエアアイオー弐〇壱弐
Kei Nakazawa
ラズパイでWebRTC ヾ(*´∀`*)ノキャッキャ uv4l-webrtc 軽くハックしてみたよ!
ラズパイでWebRTC ヾ(*´∀`*)ノキャッキャ uv4l-webrtc 軽くハックしてみたよ!
Kensaku Komatsu
実践 Reactive Extensions
実践 Reactive Extensions
Shin Ise
13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs
Takayoshi Tanaka
CruiseControl.NET設置
CruiseControl.NET設置
Kuniaki Igarashi
マイクロソフトにとってのWebって?
マイクロソフトにとってのWebって?
Microsoft
React Native GUIDE
React Native GUIDE
dcubeio
Mvc conf session_5_isami
Mvc conf session_5_isami
Hiroshi Okunushi
Ähnlich wie Reactテストに役立つ実装の工夫
(20)
Groovyコンファレンス
Groovyコンファレンス
~初心者がこれから Web アプリの開発をするために~
~初心者がこれから Web アプリの開発をするために~
React Native + Expoでアプリを開発してみた話
React Native + Expoでアプリを開発してみた話
モダンJavaScript環境構築一歩目
モダンJavaScript環境構築一歩目
Com camp2014
Com camp2014
大規模なギョームシステムにHaxeを採用してみた話
大規模なギョームシステムにHaxeを採用してみた話
Dot netconf2017 - VS拡張
Dot netconf2017 - VS拡張
[使い倒し]GitHubのIssueとTFS/VSOのWorkItem連動に挑む(2015/08/26)
[使い倒し]GitHubのIssueとTFS/VSOのWorkItem連動に挑む(2015/08/26)
あなたの安心を高速に守る Container-based CI
あなたの安心を高速に守る Container-based CI
Antのススメ
Antのススメ
テストしなイカ? Seleniumで自動ブラウザテスト
テストしなイカ? Seleniumで自動ブラウザテスト
メディアコンテンツ向け記事検索DBとして使うElasticsearch
メディアコンテンツ向け記事検索DBとして使うElasticsearch
キャバァーン! サツバツエアアイオー弐〇壱弐
キャバァーン! サツバツエアアイオー弐〇壱弐
ラズパイでWebRTC ヾ(*´∀`*)ノキャッキャ uv4l-webrtc 軽くハックしてみたよ!
ラズパイでWebRTC ヾ(*´∀`*)ノキャッキャ uv4l-webrtc 軽くハックしてみたよ!
実践 Reactive Extensions
実践 Reactive Extensions
13016 n分で作るtype scriptでnodejs
13016 n分で作るtype scriptでnodejs
CruiseControl.NET設置
CruiseControl.NET設置
マイクロソフトにとってのWebって?
マイクロソフトにとってのWebって?
React Native GUIDE
React Native GUIDE
Mvc conf session_5_isami
Mvc conf session_5_isami
Mehr von 鉄平 土佐
GraphX Advent Calendar Day17
GraphX Advent Calendar Day17
鉄平 土佐
GraphX Advent Calendar Day15
GraphX Advent Calendar Day15
鉄平 土佐
GraphX Advent Calendar Day 14
GraphX Advent Calendar Day 14
鉄平 土佐
GraphX Advent Calendar Day 13
GraphX Advent Calendar Day 13
鉄平 土佐
GraphX Advent Calendar Day12 : Pregel概要
GraphX Advent Calendar Day12 : Pregel概要
鉄平 土佐
Asakusa fwはじめの一歩 0.7.0
Asakusa fwはじめの一歩 0.7.0
鉄平 土佐
Spark GraphXについて @Spark Meetup 2014/9/8
Spark GraphXについて @Spark Meetup 2014/9/8
鉄平 土佐
「Asakusa0.7の新機能で、テストデータをどうドキュメントするのか的な実用的なアレ」 by @okachimachiorz1
「Asakusa0.7の新機能で、テストデータをどうドキュメントするのか的な実用的なアレ」 by @okachimachiorz1
鉄平 土佐
GraphXはScalaエンジニアにとってのブルーオーシャン @ Scala Matsuri 2014
GraphXはScalaエンジニアにとってのブルーオーシャン @ Scala Matsuri 2014
鉄平 土佐
GraphX is the blue ocean for scala engineers @ Scala Matsuri 2014
GraphX is the blue ocean for scala engineers @ Scala Matsuri 2014
鉄平 土佐
Asakusa fw演算子チートシートについて
Asakusa fw演算子チートシートについて
鉄平 土佐
Asakusa fw勉強会2014真夏
Asakusa fw勉強会2014真夏
鉄平 土佐
Asakusa Framework 勉強会 2014 夏
Asakusa Framework 勉強会 2014 夏
鉄平 土佐
Asakusa Framework はじめの一歩 ( ver 0.6.2 )
Asakusa Framework はじめの一歩 ( ver 0.6.2 )
鉄平 土佐
Asakusa fwはじめの一歩・改
Asakusa fwはじめの一歩・改
鉄平 土佐
Asakusa fw勉強会2014冬
Asakusa fw勉強会2014冬
鉄平 土佐
Scala稟議の通し方(公開版)
Scala稟議の通し方(公開版)
鉄平 土佐
Scala active record
Scala active record
鉄平 土佐
はてブちう
はてブちう
鉄平 土佐
Moviecall
Moviecall
鉄平 土佐
Mehr von 鉄平 土佐
(20)
GraphX Advent Calendar Day17
GraphX Advent Calendar Day17
GraphX Advent Calendar Day15
GraphX Advent Calendar Day15
GraphX Advent Calendar Day 14
GraphX Advent Calendar Day 14
GraphX Advent Calendar Day 13
GraphX Advent Calendar Day 13
GraphX Advent Calendar Day12 : Pregel概要
GraphX Advent Calendar Day12 : Pregel概要
Asakusa fwはじめの一歩 0.7.0
Asakusa fwはじめの一歩 0.7.0
Spark GraphXについて @Spark Meetup 2014/9/8
Spark GraphXについて @Spark Meetup 2014/9/8
「Asakusa0.7の新機能で、テストデータをどうドキュメントするのか的な実用的なアレ」 by @okachimachiorz1
「Asakusa0.7の新機能で、テストデータをどうドキュメントするのか的な実用的なアレ」 by @okachimachiorz1
GraphXはScalaエンジニアにとってのブルーオーシャン @ Scala Matsuri 2014
GraphXはScalaエンジニアにとってのブルーオーシャン @ Scala Matsuri 2014
GraphX is the blue ocean for scala engineers @ Scala Matsuri 2014
GraphX is the blue ocean for scala engineers @ Scala Matsuri 2014
Asakusa fw演算子チートシートについて
Asakusa fw演算子チートシートについて
Asakusa fw勉強会2014真夏
Asakusa fw勉強会2014真夏
Asakusa Framework 勉強会 2014 夏
Asakusa Framework 勉強会 2014 夏
Asakusa Framework はじめの一歩 ( ver 0.6.2 )
Asakusa Framework はじめの一歩 ( ver 0.6.2 )
Asakusa fwはじめの一歩・改
Asakusa fwはじめの一歩・改
Asakusa fw勉強会2014冬
Asakusa fw勉強会2014冬
Scala稟議の通し方(公開版)
Scala稟議の通し方(公開版)
Scala active record
Scala active record
はてブちう
はてブちう
Moviecall
Moviecall
Kürzlich hochgeladen
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
Kürzlich hochgeladen
(11)
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
Reactテストに役立つ実装の工夫
1.
Modern Web App
LT! freee x WACUL Reactテストに役立つ実装の工夫 2016/6/10 freee tosa
2.
Who am I -
銀行システム子会社を経て、 2015/10 に freee に入社 - 銀行時代は、flexでのUI開発や、 ビッグデータ(asakusa, spark)等々 - freeeでは、どっぷりReact.js - flexがデファクトになる未来が来ると本気 で信じていた時代が俺にもあった - JavaScriptに静的型チェック機構さえあれ ばと1日に5回はボヤいている @teppei_tosa
3.
freeeでの初仕事
4.
Reactのテストて面白い
5.
DOMのテストができる renderer.render( <Component value=”hoge” /> ); const
expected = ( <div>hoge</div> ); expect(renderer.getRenderOutput()) .toEqualJSX(expected);
6.
子コンポーネントのことを 気にしないでいい renderer.render( <Parent value=”hoge” /> ); const
expected = ( <div> <Child value=”hoge” /> </div> ); expect(renderer.getRenderOutput()) .toEqualJSX(expected);
7.
サーバ通信する(flux連携する) コンポーネントのテストは どうする?
8.
サーバ通信機能を切り離そう サーバ通信だけを切り出した最上位層 フロントエンドロジックは原則持たない フロントコンポーネントのメイン層 この層以下をテスト対象とする
9.
注意:無駄なrenderが走る可能性 このコンポーネントでだけ必要なサーバ通信 だったのに… 全てのコンポーネントにpropsが伝播され て、不要なrenderが走り性能劣化の可能性 が出る
10.
そんな時は shouldComponentUpdate shouldComponentUpdateで propsの変化が無いことを チェックして不要なprops伝播を 断ち切る
11.
これでpropsベースのDOMのテストはOK
12.
イベントドリブンで変化するstateベースの テストはどうする?
13.
副作用の無い形に切り出そう btnClickHandler() { if (this.state.someFlg)
{ this.setState({ otherFlg: true }); } } btnClickHandler() { this.setState({ otherFlg: this.otherFlg(this.state) }); } otherFlg(state) { return this.state.someFlg ? true : false; }
14.
するとこんなテストが書ける describe('otherFlg', () =>
{ it('test', () => { expect(component.otherFlg({ somethingFlg: true }) .toEqual(true); }); });
15.
想定ツッコミ 「 jest 使えば
flux の store の mock 用意できるよ?」 - めんどくさい - 環境面の整備、モックデータの準備などの負荷を考えると、費用対効果悪い - コンポーネント全体を副作用なくすることで、設計・実装もわかりやすくなりテスト 以上のメリットがある 「stateの変更を伴うテストは renderIntoDocument で生成したコンポーネントに対 して、 ReactTestUtils.Simulate すればテストを意識した実装をしなくていいよ ね?」 - めんどくさい - ユーザ操作を想像して色々なstate値の変更等を想定するテストを組むのは、本 当に大変で、費用対効果悪い - そんなことするなら、副作用のない実装にする方が何倍も効果ある、と思う
16.
まとめ - ReactテストはDOM構成のテストができて楽し い - サーバ通信処理や、イベント受け取り処理は切 り離しし、メインの処理を副作用無い形にしよう -
フロントもテストしよう
17.
どっぷり React やりたかったら
18.
スモールビジネスに携わる方が より創造的な活動にフォーカスできるように
Jetzt herunterladen