Jest cannot read property 'import' of undefined

Question

I have the following code to load a dependency asynchronously:

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()
  …
}

This works fine thanks to Bergi but Jest is tripping up over window.System.import and gives me the error Cannot read property 'import' of undefined. How can I properly mock this?

instead of `Window` in `interface Window { System: System.Module }` it should be window i guess — Sakshi, Jan 08 '21 at 17:59
@Sakshi Read the question again and you will realize that this proposal does not make sense — leonheess, Jan 09 '21 at 17:20

score 0 · Accepted Answer · answered Jan 19 '21 at 13:13

The window property can be mocked like that:

import { System } from 'systemjs'

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

For some reason I can't explain, this needs to happen before the import (!) of the component that is being tested.

Jest cannot read property 'import' of undefined

1 Answers1

Linked