<aside> ◻️ L I F E

<aside> 📝 2022/12/25 知識系はツェッテルカステンベースで再整理中（✅  再整理完了 ‣ ）

</aside>

• 自身について
• 学び（一般）
• 学び（IT / プログラミング）
• 学び（デザイン / マーケティング）
• ライフログ </aside>

<aside> 💡 目次

</aside>

<aside> 📆 2021/01/25 作った

</aside>

Vuex との組み合わせ

• store = new Vuex.Store(cloneDeep(consumer)); 的な感じでimport した store をもとに Store を生成する
• beforeEach 内の処理で初期化 beforeEach(() => { /* 処理 */ });
• store に inject してるものも beforeEach 内で inject
  • モック化しておくと良い store.$apiClient = apiClient; 的な感じで
  • import { apiClient } from '@/plugins/__mock__/ApiClient'; こんな感じでモック化されたものを呼び出す
• 例 以下のようなイメージ

非同期通信を挟むテスト

• 非同期周りのテスト (.catch ブロックや .then ブロックに正しく入るかどうかをテスト) をしたいときは以下が便利
  • const mockCallback = jest.fn(); モックしたい関数を定義する
  • mockCallback(); でモックした関数を呼び出す
  • expect(mockCallback.mock.calls.length).toBe(1); 的な感じで、呼び出された回数をテストする
• すり抜けやすいので注意 RED も必ず試す

Transpile を挟むファイルに依存しているモジュールのテスト

• jest.config.js の設定に以下のように追加（@ 部分はモジュール名に改変 / 正規表現部分をよしなに改変）
  • transformIgnorePatterns: ['<rootDir>/node_modules/?!(@[MODULE_NAME])/'],

並列実行・逐次実行

• デフォルトだと、テストファイルは並行処理、ファイル内は上から順に処理される

• --runInBand を付けて実行すると、複数のテストファイルが1つずつ順に処理される

• （参考） ‣

関連

• TypeScript

メモ

https://www.youtube.com/watch?v=oE8z3otI-Hg&t=1337s