私は Vue JS の Jest テスト スイートを初めて使用し、それを Nuxt JS アプリケーションに統合しています。コンポーネントが Vue インスタンスであるかどうかを確認するための基本的なテストをいくつか設定し、これらのテストが正常に成功したことを確認しました。
現在、ページ上で要素を見つけて、それが存在するかどうか、またそこにどのようなコンテンツが含まれているかを確認しようとしています。
これが私の構造です
pages/application/begin.vue
リーリーコンポーネント/フォーム/ステップ/ローン/LoanTerm.vue
リーリー私が設定したテストでは次のことが得られます:
リーリーこのテストを実行したときに得られる結果が、「選択する条件」です。 「エラー.
を受け取ったため、テストは失敗しました。」 findAll も使用してみましたが、何も返されません
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
リーリー ＃＃＃解決＃＃＃termSelectionModalIsOpenがfalse に初期化されているため、modalのコンテンツ (テストで探している「datasets-terms」ボタンを含む) が最初はレンダリングされないようです。であり、これをtrueに設定する設定はありません。パターンは次のようになります:data()
プロパティを使用してLoanTerm
jest__datasets-termsをマウントします。これにより、モーダルのコンテンツがレンダリングされるように、termSelectionModalIsOpenがtrueに初期化されます。 :リーリークラスが LoanTerm.vue
にないことに気付きましたが、これは単なるコピー＆ペーストのエラーだと思います。＃＃＃＃＃＃デモ＃＃＃＃＃＃