🔥 ArcGIS JS API can't be used in Jest unit tests

RussellMGreen

Trying to use the ArcGIS JS API in a unit test in Jest results in an import error:

Environment:

OS: Windows 10

Node: v20.1.0

Setup: nx repo > library > jest unit test

This issue can be found by simply creating a new NX monorepo/project and creating a TypeScript library and trying to use any ArcGIS JS API class within a Jest spec file (unit test).

Example:

`my-test.spec.ts`

// This import will fail!
import { Point } from '@arcgis/core/geometry';

describe('my test', ()=>{
  it('will fail', ()=>{
    new Point({ latitude: 42, longitude: -72 });
  });
});

 

Steps to Reproduce:

1. git clone https://github.com/rustygreen/arcgis-js-api-issue-example.git
2. cd arcgis-js-api-issue-example
3. npm install
4. npm run test -- arcgis-angular
5. 🔥 test will fail with import error

 

AndyGup

Ah okay, I clearly didn't look deep enough. Yep, that ignore pattern isn't working correctly. This isn't a problem with "@arcgis/core". The error "Cannot use import statement outside a module" is a well known JavaScript configuration issue.

I changed this in your app and it worked:

    "transformIgnorePatterns": [
      "node_modules/(?!(@angular|@arcgis|@esri|@stencil|@popperjs)/)"
    ],