Framework・Office365を中心に扱うブログです。Frameworkでユニットテストを書こうと思った時に調べたことをまとめておきます。ツールコードサンプルテスト用プロジェクト作成テストの実行Reactコンポーネントをテストするツール公式サイトでの案内通り、Jestを利用します。コードサンプルテスト用プロジェクトの作成から行っていきます。開発環境の構築がまだの方は以下の記事で構築方法を紹介しましたので参考にしてください。鍋綿ブログテスト用プロジェクト作成まずはプロジェクトを作成します。任意のフォルダで以下を実行します。@microsoft/sharepoint今回は以下の通りオプションを選択しました。React次にjestをインストールします。-dまた、configフォルダ直下にjest.config.jsonという名前で新しいファイルを作成し、以下を記述します。]}テストされるモジュールも作成しておきましょう。今回は例としてsrcフォルダ直下にSample.tsファイルを作成しました。ユニットテスト用のサンプルクラスです。}}足し算のロジックがこのコードで充分かどうかは、後述のテストコードで確認します。最後にテストコードを記述します。あるファイルを作成することでテストコードが認識されます。今回は例としてsrcフォルダ直下にSample.spec.tsファイルを作成しました。以下のコマンドでテストを実行します。test今回のサンプルコードでは、undefinedのテストに失敗という結果が得られました。引数にundefinedを入れてテストしたら失敗したReactコンポーネントをテストするWebパーツなどで利用しているReactコンポーネントをテストするコードはこんな感じです。});});以上、参考になれば幸いです。開発で分かった私的ベストプラクティスまとめSPFx開発を始めて幾星霜。復旧)【2019年11月時点最新】Flowの新ライセンス形態まとめSharePointでリストのコピーができるようになりました月別アーカイブはてなブログをはじめよう!micknabewataさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。