'globalThis' underfined for Jest test cases

Question

I am using globalThis property specifically globalThis.scrollTo(0,0) in my React WebApp.

I am using Jest for unit testing alongwith Enzyme.

As of test cases fail as it is unable to identify globalThis and says that 'globalThis' is undefined.

Is there a way to introduce globalThis into the tests just like jsdom does for window etc ?

For Example

-- abc.tsx --

const abc: React.FC<CustomProps> = props => {
useEffect(() => {
globalThis?.scrollTo(0,0);
}
}

-- abcTest.tsx --

wrapper = mount(<abc/>);

mount produces error that "globalThis" is undefined

This may help, a similar error was reported to jsdom ("ReferenceError: globalThis is not defined") - https://github.com/jsdom/jsdom/issues/2795 — Cameron Little, Apr 01 '20 at 17:14
Node version is 8, Jest is 24 and Jest is 16. Could updating Node to 12 work ? — INDER, Apr 01 '20 at 17:40

Lin Du · Accepted Answer · 2023-03-29T07:10:16.640

28

globalThis needs node version 12+. I use n as node version management.

console.log(globalThis);

For node/10.16.2, got error:

console.log(globalThis);
            ^

ReferenceError: globalThis is not defined

For node/12.6.1, got:

Object [global] {
  global: [Circular],
  clearInterval: [Function: clearInterval],
  clearTimeout: [Function: clearTimeout],
  setInterval: [Function: setInterval],
  setTimeout: [Function: setTimeout] { [Symbol(util.promisify.custom)]: [Function] },
  queueMicrotask: [Function: queueMicrotask],
  clearImmediate: [Function: clearImmediate],
  setImmediate: [Function: setImmediate] {
    [Symbol(util.promisify.custom)]: [Function]
  }
}

See also, MDN globalThis#compatibility

edited Mar 29 '23 at 07:10

answered Apr 02 '20 at 02:50

Lin Du

88,126
95
281
483

4

I am using the version node 15X and having the same error... – Luciano Andress Martini Mar 15 '21 at 15:09
1

I'm getting this error on 14.17.6 & 16.18.0 for my Angular app – Junaid Sep 14 '21 at 05:50

score 1 · Answer 2 · edited Feb 11 '22 at 10:22

1

You can add these code to the top

!function(t){function e(){var e=this||self;e.globalThis=e,delete t.prototype._T_}"object"!=typeof globalThis&&(this?e():(t.defineProperty(t.prototype,"_T_",{configurable:!0,get:e}),_T_))}(Object);

More details

edited Feb 11 '22 at 10:22

Elikill58

4,050
24
23
45

answered Feb 11 '22 at 09:14

timedgqb

11
1

'globalThis' underfined for Jest test cases

2 Answers2