TypeError: Jest 単体テストを実行するとき、mxgraph は関数ではありません

Question

mxgraph パッケージを使用した Vue JS コンポーネントがあります。 https://www.npmjs.com/package/mxgraph

そして次のようにインポートします:

リーリー

これは私のjest.config.jsです

リーリー

テストを実行すると、次の結果が得られます:

リーリー

通常の Webpack プロファイルを使用してアプリを実行すると、インポートは正常に機能します。このエラーを修正するには jest.config に何か追加する必要がありますか?

Answer 1

mxGraph npm パッケージは常に混乱しています。

mxGraph の後継である maxGraph がこれを処理することに注意してください: https://github.com/maxGraph/maxGraph

Vue を使用しており、コード スニペットは TypeScript を使用していることを示しているため、 https://github.com/typed-mxgraph/typed-mxgraph を使用することをお勧めします。 TypeScript タイプと mxGraph npm 統合により、完全に機能するソリューションが得られます。 Readme ファイルには、包括的な使用例とデモが含まれています。 jest テストで mxGraph を使用する場合、実行している mxGraph の部分に応じて、関連するテストで jsdom 環境 を使用する必要があります。これは、mxGraph が window オブジェクトを使用するためですが、このオブジェクトは node 環境では使用できません。

js 方式の mxGraph 統合を維持したい場合は、 https://github.com/jgraph/mxgraph/issues/175#issuecomment-482008896 またはその他のスタック オーバーフローの問題 (たくさんあります）。