Jest 无法读取未定义的属性“导入”

如何解决Jest 无法读取未定义的属性“导入”

我有以下代码可以异步加载依赖项：

declare global {
  interface Window {
    System: System.Module
  }
}

const fooService = window.System.import('@internal/foo-service').then(module => module.FooService)
//                              ^ Jest trips up here

async function func1() {
  (await fooService).dobar()
  …
}

async function func2() {
  (await fooService).dobar2()
  …
}

多亏了 Bergi，这工作正常，但 Jest 被 window.System.import 绊倒并给我错误 Cannot read property 'import' of undefined。我怎样才能正确地模拟这个？

解决方法

可以像这样模拟窗口属性：

import { System } from 'systemjs'

Object.defineProperty(window,'System',{ value: System })

出于某种原因我无法解释，这需要在导入（！）正在测试的组件之前发生。