VeeValidateをJestでテストする時に何か上手く行かないときに確認すること
jest.config.jsの設定を見直す 実行時に警告が出てくる場合は、以下の設定をjest.config.jsに追加しましょう。 webpackを導入しているならpackage.jsonに記載してもOKです。 transform: { ... 'vee-validate/dist/rules': 'babel-jest', }, transformIgnorePatterns: [ '<rootDir>/node_modules/(?!vee-validate/dist/rules)', ], 参考：Testing Caveats | VeeValidate https://logaretm.github.io/vee-validate/advanced/testing.html#asynchronous-testing setup時にVeeValidateのコンポーネントを読み込む
非同期動作のテスト | Vue Test Utils
You’re browsing the documentation for Vue Test Utils for Vue v2.x and earlier. To read docs for Vue Test Utils for Vue 3, click here. # 非同期動作のテスト テストをシンプルにするために、 vue-test-utils は DOM の更新を同期的に適用します。しかし、コールバックや Promise のようなコンポーネントの非同期動作をテストする場合、いくつかのテクニックを知っておく必要があります。 よくある非同期動作の 1 つとして API 呼び出しと Vuex の action があります。以下の例は API 呼び出しをするメソッドをテストする方法を示しています。この例は HTTP のライブラリである axios をモックしてテストを実行するために Jes
【備忘録】JestのspyOn()とmock()の使い方について - Qiita
はじめに jestは、javascriptやtypescriptのテストツールです。 jest.spyOn()とjest.mock()は、どちらもメソッドをmockするためのもので、テストコードの中でモック関数を定義する際に使用します。 どちらも同じようなことが出来るのですが、いつもいざ使おうとしたときに混同してしまいがちなので、備忘録としてまとめてみました。 環境 テストを作成した環境は、以下の通りです。 node: 12.19.0 @types/jest: 26.0.19 jest: 26.6.3 ts-jest: 26.4.4 ts-node: 9.0.0 typescript: 4.1.2 基本的な使い方 jest.spyOn()は、オブジェクトを引数に指定するのに対し、jest.mock()は、モジュールを引数に指定します。 つまり、mockの対象が引数に指定したオブジェクトだけ
Vue Test UtilsでStub(スタブ), axiosのMock(モック), ShallowMountを理解
本文書はJestとVue Test Utilを利用したVue.jsでのテストに関する2回目の記事で2回目となる今回はテスト入門者にとって少しわかりずらいStub(スタブ)やMock(モック)、Shallow Mountに注目して説明を行っています。 Stub, ShallowMountとMountの違いを説明した後にVue.jsのHTTPリクエストで頻繁に利用されるaxiosのMock(モック)の方法についても説明を行っています。コンポーネントの単体テストでは、axiosライブラリやfetch関数を利用した外部へのアクセスを伴う機能を実装している場合モックを利用することで外部へのアクセスを行うことなくコンポーネントのテストを実施することができます。 Vueでのテストを実施したまたは学習した経験がない人であれば先に前回公開した”【基本編】Jestを利用してVue コンポーネントをテストする方
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
