Fix jest tests

Author: nikitayutanov

js/cli/rollup.config.js

@@ -25,6 +25,7 @@ function updateConfigVersions() {
       config.versions['polkadot-api'] = sailsJs.peerDependencies['@polkadot/api'];
       config.versions['sails-js'] = sailsJs.version;
       config.versions['typescript'] = rootPkgJson.devDependencies.typescript;
+      config.versions['@gear-js/react-hooks'] = sailsJs.devDependencies['@gear-js/react-hooks'];
 
       writeFileSync('src/config.json', JSON.stringify(config, null, 2));
     },

js/jest.config.ts

@@ -1,31 +1,22 @@
 import type { Config } from '@jest/types';
-import { createDefaultEsmPreset } from 'ts-jest';
 
 const config: Config.InitialOptions = {
-  ...createDefaultEsmPreset(),
   globalSetup: './test/setup.js',
   clearMocks: true,
   coverageProvider: 'v8',
   testEnvironment: 'node',
   verbose: true,
-
+  preset: 'ts-jest/presets/js-with-babel',
+  transformIgnorePatterns: ['node_modules/(?!@polkadot)/'],
+  extensionsToTreatAsEsm: ['.ts'],
   moduleNameMapper: {
     '^(\\.{1,2}/.*)\\.js$': '$1',
-
-    // manually resolving hooks to esm, cuz somehow jest resolves it to cjs?
-    // if main property in a package.json is pointing to esm, there's no problem whatsoever.
-    // maybe it has something to do with the package folder structure
-    '^@gear-js/react-hooks$': '<rootDir>/../node_modules/@gear-js/react-hooks/dist/esm/index.mjs',
   },
-
-  testTimeout: 15_000,
-
-  // cuz hooks testEnvironment is jsdom. there was a problem with rxjs for example
-  // https://github.com/microsoft/accessibility-insights-web/pull/5421#issuecomment-1109168149
-  // https://jest-archive-august-2023.netlify.app/docs/28.x/upgrading-to-jest28/#packagejson-exports
-  testEnvironmentOptions: {
-    customExportConditions: ['node'],
+  transform: {
+    '^.+\\.tsx?$': ['ts-jest', { useESM: true }],
   },
+  testTimeout: 15_000,
+  testPathIgnorePatterns: ['demo-hooks.test.tsx'], // ignore hooks test
 };
 
 export default config;

js/package.json

@@ -32,8 +32,8 @@
   "scripts": {
     "prebuild": "rm -rf lib",
     "build": "npx rollup --config rollup.config.js",
-    "test": "yarn node --no-warnings --experimental-vm-modules $(yarn bin jest) --detectOpenHandles",
-    "test-hooks": "vitest"
+    "test-hooks": "vitest",
+    "test": "yarn node --no-warnings --experimental-vm-modules $(yarn bin jest) --detectOpenHandles && yarn run test-hooks"
   },
   "peerDependencies": {
     "@gear-js/api": "0.38.2",

js/vitest.config.ts

@@ -3,10 +3,13 @@ import { defineConfig } from 'vitest/config';
 export default defineConfig({
   // resolving manually cuz vitest is using nodejs resolution, remove after hooks update
   // https://github.com/vitest-dev/vitest/discussions/4233
-  resolve: { alias: { '@gear-js/react-hooks': '@gear-js/react-hooks/dist/esm/index.mjs' } },
+  resolve: {
+    alias: {
+      '@gear-js/react-hooks': '@gear-js/react-hooks/dist/esm/index.mjs',
+    },
+  },
 
   test: {
-    // globalSetup: 'test/setup.js',
     include: ['**/*-hooks.test.ts?(x)'], // targeting only hooks
     environment: 'happy-dom', // faster than jsdom
     watch: false, // fire one time