アップデート：
別の (ハンマーヘッド) バグに関しては、testcafe テストで縮小コードを使用することを余儀なくされました。このバグが解決されたため、縮小されていないコードに対してテストを実行できるようになりました。
しかし、まだ、ソース マップが testcafe によって削除されるという問題があります。webpack dev サーバーを正常に実行すると、すべてのソース マップが表示され、ブレークポイントを設定してアプリケーション コードをデバッグできます。
それにもかかわらず、テスト中はソース マップが利用できなくなります。2 つのケースを示す添付のスクリーンショットを見ることができます。
ここで何か間違ったことをしていますか？
プロジェクトには Testcafe + Webpack + Vue.js を使用しています。t.debug()ディレクティブまたはnode.js の--inspect フラグを使用してテスト コードをデバッグできることはわかっています。
ただし、難読化されており、実際にはデバッグできない製品コード (build.js) しか表示されません。testcafe がバンドルされたコードではなく、元のソース コードを使用するように構成することは可能でしょうか (おそらくソースマップを使用しますか?)。source-mapwebpack の devtool オプションとして使用しています。
UI テストでは製品コードをテストする必要があることは承知していますが、開発中にそのような構成を使用すると便利です。何か案は？