import type { InitialOptionsTsJest } from 'ts-jest';
import { jsWithTsESM as tsjPreset } from 'ts-jest/presets';

const esModules = ['core-js'].join('|');

const config: InitialOptionsTsJest = {
  rootDir: process.cwd(),
  testEnvironment: 'jsdom',
  // roots: ['<rootDir>/test/'],
  // testRegex: '(/tests/.*|\\.(test))\\.(ts|tsx|js)$',
  preset: 'ts-jest/presets/js-with-ts-esm',
  extensionsToTreatAsEsm: ['.ts'],
  moduleNameMapper: {
    '^@/(.*)$': '<rootDir>/src/$1',
    '^(\\.{1,2}/.*)\\.js$': '$1'
  },
  transform: {
    ...tsjPreset.transform,
    [`(${esModules}).+\\.js$`]: 'ts-jest',
    '.vue$': '@vue/vue3-jest'
  },

  globals: {
    'ts-jest': {
      useESM: true,
      // babelConfig: './babel.config.js',
      tsconfig: {
        jsx: 'preserve',
        jsxFragmentFactory: 'h',
        esModuleInterop: true,
        target: 'esnext',
        module: 'esnext',
        sourceMap: true,
        allowJs: true
      }
    },
    // 'babel-jest': {
    //   presets: ['@babel/preset-env'],
    //   plugins: ['@babel/plugin-transform-runtime']
    // },
    '@vue/vue3-jest': {
      compilerOptions: {
        propsDestructureTransform: true,
        refTransform: false
      }
    }
  },
  // testPathIgnorePatterns: ['node_modules'],
  transformIgnorePatterns: [`node_modules/(?!${esModules})`],
  moduleFileExtensions: ['vue', 'ts', 'js'],
  // collectCoverageFrom: ['**/*.{tsx,vue,ts}', '!**/node_modules/**'],
  // coverageReporters: ['html-spa'],
  // coverageDirectory: './report/jest'
};

export default config;