test: improve examples folder

- Use Jest `.ts` config files
- Improve `monorepo-app` example

Author: ahnpnl

examples/js-with-babel/jest-esm-isolated.config.mjs examples/js-with-babel/jest-esm-isolated.config.ts

@@ -1,10 +1,10 @@
+import type { Config } from 'jest'
 import { createJsWithBabelEsmPreset } from 'ts-jest'
 
-/** @type {import('ts-jest').JestConfigWithTsJest} */
 export default {
   displayName: 'js-with-babel',
   ...createJsWithBabelEsmPreset({
     babelConfig: true,
     tsconfig: 'tsconfig-esm-isolated.json',
   }),
-}
+} satisfies Config

examples/js-with-babel/jest-esm.config.mjs examples/js-with-babel/jest-esm.config.ts

@@ -1,10 +1,10 @@
+import type { Config } from 'jest'
 import { createJsWithBabelEsmPreset } from 'ts-jest'
 
-/** @type {import('ts-jest').JestConfigWithTsJest} */
 export default {
   displayName: 'js-with-babel',
   ...createJsWithBabelEsmPreset({
     babelConfig: true,
     tsconfig: 'tsconfig-esm.json',
   }),
-}
+} satisfies Config

examples/js-with-babel/jest-isolated.config.cjs examples/js-with-babel/jest-isolated.config.ts

@@ -1,10 +1,10 @@
-const { createJsWithBabelPreset } = require('ts-jest')
+import type { Config } from 'jest'
+import { createJsWithBabelPreset } from 'ts-jest'
 
-/** @type {import('ts-jest').JestConfigWithTsJest} */
-module.exports = {
+export default {
   displayName: 'js-with-babel',
   ...createJsWithBabelPreset({
     babelConfig: true,
     tsconfig: 'tsconfig-isolated.json',
   }),
-}
+} satisfies Config

examples/js-with-babel/jest.config.cjs

@@ -0,0 +1,9 @@
+import type { Config } from 'jest'
+import { createJsWithBabelPreset } from 'ts-jest'
+
+export default {
+  displayName: 'js-with-babel',
+  ...createJsWithBabelPreset({
+    babelConfig: true,
+  }),
+} satisfies Config

examples/js-with-babel/jest.config.ts

@@ -3,15 +3,14 @@
   "version": "0.0.0",
   "private": true,
   "scripts": {
-    "test": "jest -c=jest.config.cjs --no-cache",
-    "test-isolated": "jest -c=jest-isolated.config.cjs --no-cache",
-    "test-esm": "cross-env NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" npx jest -c=jest-esm.config.mjs --no-cache",
-    "test-esm-isolated": "cross-env NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" npx jest -c=jest-esm-isolated.config.mjs --no-cache"
+    "test": "jest -c=jest.config.ts --no-cache",
+    "test-isolated": "jest -c=jest-isolated.config.ts --no-cache",
+    "test-esm": "cross-env NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" npx jest -c=jest-esm.config.ts --no-cache",
+    "test-esm-isolated": "cross-env NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" npx jest -c=jest-esm-isolated.config.ts --no-cache"
   },
   "devDependencies": {
     "@babel/core": "^7.26.10",
     "@babel/preset-env": "^7.26.9",
-    "@tsconfig/strictest": "^2.0.5",
     "@types/jest": "^29.5.14",
     "babel-jest": "^29.7.0",
     "cross-env": "^7.0.3",

examples/js-with-babel/package.json

@@ -1,10 +1,8 @@
 {
-  "extends": "@tsconfig/strictest/tsconfig.json",
+  "extends": "../tsconfig-base.spec.json",
   "compilerOptions": {
-    "module": "Node16",
-    "target": "ESNext",
+    "module": "CommonJS",
     "allowJs": true,
-    "types": ["jest"],
     "isolatedModules": false
   }
 }

examples/js-with-babel/tsconfig.json

@@ -0,0 +1,9 @@
+import type { Config } from 'jest'
+import { createJsWithTsEsmPreset } from 'ts-jest'
+
+export default {
+  displayName: 'js-with-ts',
+  ...createJsWithTsEsmPreset({
+    tsconfig: 'tsconfig-esm-isolated.json',
+  }),
+} satisfies Config

examples/js-with-ts/jest-esm-isolated.config.mjs

@@ -0,0 +1,9 @@
+import type { Config } from 'jest'
+import { createJsWithTsEsmPreset } from 'ts-jest'
+
+export default {
+  displayName: 'js-with-ts',
+  ...createJsWithTsEsmPreset({
+    tsconfig: 'tsconfig-esm.json',
+  }),
+} satisfies Config

examples/js-with-ts/jest-esm-isolated.config.ts

@@ -0,0 +1,10 @@
+import type { Config } from 'jest'
+import { createJsWithTsPreset } from 'ts-jest'
+
+export default {
+  displayName: 'js-with-ts',
+  ...createJsWithTsPreset({
+    tsconfig: 'tsconfig-isolated.json',
+  }),
+  transformIgnorePatterns: ['!node_modules/(?!lodash-es)'],
+} satisfies Config

examples/js-with-ts/jest-esm.config.mjs

@@ -0,0 +1,8 @@
+import type { Config } from 'jest'
+import { createJsWithTsPreset } from 'ts-jest'
+
+export default {
+  displayName: 'js-with-ts',
+  ...createJsWithTsPreset(),
+  transformIgnorePatterns: ['!node_modules/(?!lodash-es)'],
+} satisfies Config

examples/js-with-ts/jest-esm.config.ts

@@ -3,15 +3,16 @@
   "version": "0.0.0",
   "private": true,
   "scripts": {
-    "test": "jest -c=jest.config.cjs --no-cache",
-    "test-isolated": "jest -c=jest-isolated.config.cjs --no-cache",
-    "test-esm": "cross-env NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" npx jest -c=jest-esm.config.mjs --no-cache",
-    "test-esm-isolated": "cross-env NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" npx jest -c=jest-esm-isolated.config.mjs --no-cache"
+    "test": "jest -c=jest.config.ts --no-cache",
+    "test-isolated": "jest -c=jest-isolated.config.ts --no-cache",
+    "test-esm": "cross-env NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" npx jest -c=jest-esm.config.ts --no-cache",
+    "test-esm-isolated": "cross-env NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" npx jest -c=jest-esm-isolated.config.ts --no-cache"
   },
   "devDependencies": {
-    "@tsconfig/strictest": "^2.0.5",
+    "@types/lodash-es": "^4.17.12",
     "@types/jest": "^29.5.14",
     "cross-env": "^7.0.3",
+    "lodash-es": "^4.17.21",
     "jest": "^29.7.0",
     "ts-jest": "^29.3.0",
     "typescript": "~5.5.4"

examples/js-with-ts/jest-isolated.config.cjs

@@ -1,13 +1,7 @@
-import { test, expect } from '@jest/globals'
+import camelCase from 'lodash-es/camelCase'
 
 import { getWelcomeMessage } from './welcome-message'
-import welcomePerson from './welcome-person'
 
 test('should show welcome message', () => {
-  expect(getWelcomeMessage()).toMatchInlineSnapshot(`"Welcome to ts-jest!!!"`)
-})
-
-test('should show welcome person message', () => {
-  // @ts-expect-error in ESM mode, `default` is kept after compilation
-  expect(welcomePerson.default ? welcomePerson.default : welcomePerson).toMatchInlineSnapshot(`"Welcome to ts-jest!!!"`)
+  expect(camelCase(getWelcomeMessage())).toBe('welcomeToTsJest')
 })

examples/js-with-ts/jest-isolated.config.ts

@@ -1,10 +1,8 @@
 {
-  "extends": "@tsconfig/strictest/tsconfig.json",
+  "extends": "../tsconfig-base.spec.json",
   "compilerOptions": {
-    "module": "Node16",
-    "target": "ESNext",
+    "module": "CommonJS",
     "allowJs": true,
-    "types": ["jest"],
     "isolatedModules": false
   }
 }

examples/js-with-ts/jest.config.cjs

@@ -0,0 +1,8 @@
+import type { Config } from 'jest'
+
+export default {
+  projects: [
+    '<rootDir>/type-commonjs/jest-esm-isolated.config.ts',
+    '<rootDir>/type-module/jest-esm-isolated.config.ts',
+  ],
+} satisfies Config

examples/js-with-ts/jest.config.ts

@@ -0,0 +1,5 @@
+import type { Config } from 'jest'
+
+export default {
+  projects: ['<rootDir>/type-commonjs/jest-esm.config.ts', '<rootDir>/type-module/jest-esm.config.ts'],
+} satisfies Config

examples/js-with-ts/package.json

@@ -0,0 +1,5 @@
+import type { Config } from 'jest'
+
+export default {
+  projects: ['<rootDir>/type-commonjs/jest-isolated.config.ts', '<rootDir>/type-module/jest-isolated.config.ts'],
+} satisfies Config

examples/js-with-ts/src/welcome-message.spec.ts

@@ -0,0 +1,5 @@
+import type { Config } from 'jest'
+
+export default {
+  projects: ['<rootDir>/type-commonjs/jest.config.ts', '<rootDir>/type-module/jest.config.ts'],
+} satisfies Config

examples/js-with-ts/src/welcome-person.js

@@ -1,14 +1,19 @@
 {
   "name": "monorepo-app",
   "version": "0.0.0",
+  "workspaces": [
+    "type-commonjs",
+    "type-module",
+    "shared"
+  ],
   "scripts": {
-    "test": "jest -c=jest.config.cjs --no-cache",
-    "test-isolated": "jest -c=jest-isolated.config.cjs --no-cache",
-    "test-esm": "cross-env NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" npx jest -c=jest-esm.config.mjs --no-cache",
-    "test-esm-isolated": "cross-env NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" npx jest -c=jest-esm-isolated.config.mjs --no-cache"
+    "build": "tsc -b",
+    "test": "jest -c=jest.config.ts --no-cache",
+    "test-isolated": "jest -c=jest-isolated.config.ts --no-cache",
+    "test-esm": "cross-env NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" npx jest -c=jest-esm.config.ts --no-cache",
+    "test-esm-isolated": "cross-env NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" npx jest -c=jest-esm-isolated.config.ts --no-cache"
   },
   "devDependencies": {
-    "@tsconfig/strictest": "^2.0.5",
     "@types/jest": "^29.5.14",
     "cross-env": "^7.0.3",
     "jest": "^29.7.0",