JsStore + Vite + Jest or Vitest

[Korialstrazh]

Hello,

first of all - thanks for this great library.

Currently i'm about switching from CRA scripts to Vite. Everything runs fine if client started
However, if i start any tests using Jest (or Vitest) which use a database connection i receive an error

ReferenceError: self is not defined
at

at Connection.self (node_modules/jsstore/dist/webpack:/jsstore/src/main/connection_helper.ts:50:28)
      at Connection.jsstoreWorker [as initQueryManager_] (node_modules/jsstore/dist/webpack:/jsstore/src/main/connection_helper.ts:64:28)
      at Connection.initQueryManager_ (node_modules/jsstore/dist/webpack:/jsstore/src/main/connection_helper.ts:59:12)
      at new call (node_modules/jsstore/dist/webpack:/jsstore/src/main/connection.ts:11:9)
      ...

while trying to create a new Connection instance without web worker

export const connection: Connection = new Connection(
  /test/i.test(NODE_ENV) ? undefined : new Worker('/jsstore.worker.js'),
);

I also use fake-indexeddb/auto import in my tests.

Did anyone have this problem? (Works fine with CRA)

---

jest.config.ts

export default {
  watchPathIgnorePatterns: [
    '.*e2e\\.test\\.[t|j]s(x)*$',
  ],
  transform: {
    '^.+\\.ts?$': 'ts-jest',
    '^.+\\.(js|jsx)$': 'babel-jest',
  },
  transformIgnorePatterns: [],
};

tsconfig.json

{
  "compilerOptions": {
    "target": "ESNext",
    "lib": [
      "dom",
      "dom.iterable",
      "ESNext",
      "WebWorker"
    ],
    "types": ["vite/client", "vite-plugin-svgr/client", "node"],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "ESNext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "noEmit": true,
    "downlevelIteration": true,
    "jsx": "react-jsx",
    "strictPropertyInitialization": true
  },
  "include": [
    "src", 
    "public/jsstore.worker.js", 
    "src/sqlite.wasm.worker.ts"
  ]
}

[Korialstrazh]

OK, got a solution

If anyone faces this problem:

First install jest-worker, e.g. npm i -D jest-worker
Then add a jest setup file, e.g. jest.setup.ts with the following content:

/* eslint-disable import/no-extraneous-dependencies */
import 'fake-indexeddb/auto';
import 'jsdom-global/register';

// @ts-ignore
global.self = global;

and finally add to your jest configs:

...
setupFilesAfterEnv: [
    './jest.setup.ts',
  ],
...