問題タブ [yup]
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.
reactjs - jestを使用したテスト環境でYupを使用して検証されていないFormikフォーム
必須フィールドが空のときに検証が発生するかどうかをテストしようとしています。私の例では、空に設定したメール入力があり、送信アクションをシミュレートすると、実際には実行されるべきではない onSubmit 関数が実行されます。フォームを検証するために、Yup を使用して validationSchema プロパティを使用しています。console.log()
デバッグモードで表示される送信関数内に追加しました(そうすべきではありません)。
これは開発環境で動作しています (検証が発生し、onSubmit 関数が実行されていません) が、何らかの理由で、テスト環境では動作しません。
Enzyme を使用してテストするために、コンポーネントを完全にマウントしていることに言及する価値があります。
前もって感謝します。
.update
アクションをシミュレートした後に少なくともビューが更新されているかどうかを確認しようとしましたが、それでも送信機能が呼び出されます。
これが私のコードです:
form.js
test.js