問題タブ [ts-jest]
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 - TypeError: document.createElement は関数ではありません
Office Fabric React コンポーネントを含むts-jestを使用して、単純な React コンポーネントをテストしようとしています。
仕様:
テストを実行すると、次のエラーが発生します。
TypeError: document.createElement は関数ではありません
Stylesheet.Object..Stylesheet._createStyleElement (/Users/joebloggs/Documents/Projects/Add-In/node_modules/@uifabric/merge-styles/lib-commonjs/Stylesheet.js:250:33) で Stylesheet.Object.. Stylesheet.Object..Stylesheet.insertRule (/Users /joebloggs/Documents/Projects/Add-In/node_modules/@uifabric/merge-styles/lib-commonjs/Stylesheet.js:167:71) applyRegistration で (/Users/joebloggs/Documents/Projects/Add-In/node_modules/ @uifabric/merge-styles/lib-commonjs/styleToClassName.js:269:20) Object.styleToClassName で (/Users/joebloggs/Documents/Projects/Add-In/node_modules/@uifabric/merge-styles/lib-commonjs/ styleToClassName.js:289:5) Object.mergeStyles (/Users/joebloggs/Documents) の mergeCss (/Users/joebloggs/Documents/Projects/Add-In/node_modules/@uifabric/merge-styles/lib-commonjs/mergeStyles.js:45:37) /Projects/Add-In/node_modules/@uifabric/merge-styles/src/mergeStyles.ts:26:9) _constructFinalProps (/Users/joebloggs/Documents/Projects/Add-In/node_modules/@uifabric/foundation/lib) で-commonjs/slots.js:218:36) 結果 (/Users/joebloggs/Documents/Projects/Add-In/node_modules/@uifabric/foundation/lib-commonjs/slots.js:99:22) で _renderSlot (/ユーザー/joebloggs/ドキュメント/プロジェクト/アドイン/node_modules/@uifabric/foundation/lib-commonjs/slots.js:235:41)_constructFinalProps (/Users/joebloggs/Documents/Projects/Add-In/ node_modules/@uifabric/foundation/lib-commonjs/slots.js:218:36) 結果 (/Users/joebloggs/Documents/Projects/Add-In/node_modules/@uifabric/foundation/lib-commonjs/slots.js: 99:22) _renderSlot (/Users/joebloggs/Documents/Projects/Add-In/node_modules/@uifabric/foundation/lib-commonjs/slots.js:235:41) で_constructFinalProps (/Users/joebloggs/Documents/Projects/Add-In/ node_modules/@uifabric/foundation/lib-commonjs/slots.js:218:36) 結果 (/Users/joebloggs/Documents/Projects/Add-In/node_modules/@uifabric/foundation/lib-commonjs/slots.js: 99:22) _renderSlot (/Users/joebloggs/Documents/Projects/Add-In/node_modules/@uifabric/foundation/lib-commonjs/slots.js:235:41) で22) _renderSlot (/Users/joebloggs/Documents/Projects/Add-In/node_modules/@uifabric/foundation/lib-commonjs/slots.js:235:41)22) _renderSlot (/Users/joebloggs/Documents/Projects/Add-In/node_modules/@uifabric/foundation/lib-commonjs/slots.js:235:41)
reactjs - jestで「モジュール外でインポートステートメントを使用できません」を解決する方法
TypeScript、Jest、Webpack、および Babel を使用してビルドされた React アプリケーション (Create React App を使用しない) があります。を実行しようとするとyarn jest、次のエラーが発生します。
すべてのパッケージを削除して、再度追加しようとしました。これでは解決しません。同様の質問とドキュメントを見てきましたが、まだ何か誤解しています。この環境を最初からセットアップするための別のガイドに従うところまで行きましたが、それでも私のコードでこの問題が発生しました。
依存関係には次のものがあります...
コンポーネントのインポート行...
テストファイル....
テストが失敗することなく、コンポーネントで名前付きインポートを使用できると期待していました。私のソリューションでデフォルトのインポートのみを使用すると問題が解決するように見えますが、そのルートには行かない方がよいでしょう。