問題タブ [vue-test-utils]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vue.js - Vue コンポーネントのテスト - 状態とメソッドのモック
Vue コンポーネントの単体テストについて頭を悩ませようとしてきましたが、API 非同期を呼び出すストア オブジェクトとメソッドをモック/スタブアウトする方法がうまくいかないようです。
これは、Vue コンポーネントの例です。
}
そして、これが私が書きたいテストです。実際に何かをアサートしようとしないと、テストをきれいに実行することさえできません
私が返す傾向があるエラーは、アイテムが未定義であることに関するもので、通常、この場合$store.dispatchはundefined. どこかの嘲笑で何かが欠けているように感じます。または、getUsers()マウントで呼び出されているという事実がそれをつまずかせているという事実です。
vue.js - vue.js test-utils マウントされたライフサイクルフックで関数をテストする方法
次のコンポーネントでは、mounted() フックで関数をテスト (モック) したいと思います
ContactForm.vue
appValidationDictionarySetup() と $validator.localize() の 2 つの関数をモックする方法がわからないため、次の仕様テストは失敗しています
ContactForm.spec.js
console.log
アップデート
私は試した ：
しかし、次のエラーメッセージで失敗しています
更新 2
それが正しいことかどうかはわかりませんが、mounted() テストを更新して、validator.locale がストア値に設定されていることを確認しました。テストには十分ですか？
console.log
vue.js - vue.js test-utils onSubmit 関数のモックが呼び出されないのはなぜですか?
次の仕様ファイルを使用してフォーム送信イベントをテストしようとしています:
ContactForm.spec.js
しかし、このテストは合格しません...
console.log
● ContactForm.vue › [送信] をクリックしたときに有効なフォームを送信する
テストするコンポーネントのビューは次のとおりです
ContactForm.vue
フィードバック歓迎...