問題タブ [testing-library]
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.
puppeteer - React Testing Library を使用して、Puppeteer を使用して Gutenberg エディターで要素の出現/消失をテストする方法は?
私は次の設定をしています：
- E2E Test Utils - Jest と Puppeteer を使用する標準 WP Gutenberg e2e テスト セット
- testing-library/pptr-testing-library - @testing-library/react および @testing-library/library からのすべてのお気に入りのユーザー中心のクエリ関数は、Puppeteer から入手できます!
GB エディターでの要素の表示と非表示のテストで問題が発生しています。拡張アサーションが Puppeteer では機能しないことに気付きました。何をテストすればよいのかわかりません。インタラクティブ モードでテストを実行すると、すべてがうまくいっていることがわかりますが、正しい結果が得られません。クエリの結果は空のオブジェクトです。これが私のコードのスニペットです：
これが私が見るエラーです：
テストの下の完全なノード エラー メッセージは次のとおりです。
編集：Caleb Ebyの回答に応えて
それがの目的だと思っていましたwaitFor()が、 だけを追加するとawait findByLabelText()、エラーが発生します。
それを次のように変更すると:
テストの実行には非常に長い時間がかかり、エラーで終了します。
これには実際に解決策の犯人の可能性がありますが、これをテストする正しい方法は何ですか (代わりにtoBeInTheDocument())?
vue.js - Vue3 Testing Library - vue-i18n がテキストをロードしない
次の例を vue3 とテスト ライブラリで動作させることができないようです。 https://github.com/testing-library/vue-testing-library/blob/main/src/tests/translations-vue-i18n.js _ _
モックにメッセージを挿入することで $t が認識されるように例を変更しようとしましたが、うまくいきませんでした。
vue 3で動作する例はありますか?
詳細はこちら...
Translations.spec.js
Translations.vue
パッケージ.json
エラー