Vuejs 単体テストの問題で空の DOMWrapper でテキストを呼び出すことができない

Question

vue test utils を使用してコンポーネントをテストしており、テキストをテストしようとするとこのエラーが発生しました。空の DOMWrapper でテキストを呼び出すことができません。

コードを更新しました。 atable.spec.ts テストで「RangeError: 最大呼び出しスタック サイズを超えました」。

atable.spec.ts

リーリー

テーブルビュー テーブルコンポーネントを独自のコンポーネントにリファクタリングします。ダッシュボード コンポーネントから props を受け取るようになりました。

リーリー

Answer 1

Dashboard コンポーネントをテストし、ATable () コンポーネントが渡されたスロット コンテンツをレンダリングすることを確認しようとしています。これは間違っています。 ATable コンポーネントを考慮すると、Dashboard コンポーネントをテストするときに確認する必要があるのは、ATable コンポーネントがレンダリングされたばかりかどうかです。それでおしまい。

リーリー

ATable のスロット内容のテストはそのままにして、Dashboard コンポーネントではなく、ATable コンポーネントをテストする必要があります。

リーリー