jestJestがインストールされました。いうファイルを作成し、以下処理を記述します。いうファイルを作成し、以下処理を記述します。2)).toBe(3)})以下の操作を行なっています。「test関数」と「it関数」ここではtest関数を利用しましたが、it関数でも同じ動作をします。「describe関数」でテスト対象をカテゴライズここでは利用しませんでしたが、describe関数を利用すると複数のテストをグルーピングできます。テストのカテゴライズができるので、テストの管理に役立ちます。https://jestjs.io/docs/en/api#describename-fnファイル構成ここまでの作業で、以下のようなファイル構成になりました。以下のように記述します。}}テストを実行します。3.50s.簡単なテストではありましたが、Jestを利用してテストを実行することができました。利用するとテストカバレッジを確認できます。ブラウザで開くと詳しいカバレッジ情報を確認できます。利用すると、ファイルの変更を監視してテストを実行してくれます。下記ページにてコマンドオプションについて確認できます。https://jestjs.io/docs/en/cli主なMatcher利用頻度の高いMatcherを紹介します。notで「~でない」の判定ができます。toBeは厳密な等価性を判定するので、オブジェクトの場合はtoEqualを利用します。expect(xxx).toThrow(/.*xxx$/);})下記ページでより詳しい使い方を確認できます。代表的なものだけ確認https://jestjs.io/docs/en/using-matchers全てのMatcherを確認https://jestjs.io/docs/en/expectモックの利用方法モックの利用方法を紹介します。関数のモック関数をモックに差し替えてみます。3回目})クラスのモックClassAとClassBを用意します。}}ClassAをモックに差し替えてみます。functionを生成jest.mock()モジュール、クラスの自動モックjest.fn().mockReturnValue()呼ばれたときに代わりに返す値を設定jest.fn().mockImplementation()呼ばれたとき代わりに実行させる処理を設定Matchers呼ばれたことを検証toHaveBeenCalled()toHaveBeenCalledTimes()toHaveBeenCalledWith()詳しい利用方法は以下ページで確認できます。https://jestjs.io/docs/en/mock-functionsモジュールのモックhttps://jestjs.io/docs/en/mock-functions#mocking-modulesaxiosのAPI呼び出しをモックに差し替えるなどの利用方法が解説されています。方法で設定を調整できます。詳しい設定方法などは以下ページで確認できます。https://jestjs.io/docs/en/configurationtestRegexでテストファイルを調整Jestはデフォルトだと以下のファイルをテストファイルとみなします。フロントテストで活用)marked.jsを利用してMarkdownをHTMLに変換わくわくBank.技術系の記事を中心に、役に立つと思ったこと、整理したい情報などを掲載しています。