Merge pull request #385 from gadget-inc/swc-jest

Upgrade jest, use swc, switch to community package for playwright integration

Author: airhorns

.swcrc

@@ -0,0 +1,18 @@
+{
+  "env": {
+    "targets": {
+      "node": 16
+    }
+  },
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "decorators": true,
+      "dynamicImport": true
+    },
+    "target": "es2020"
+  },
+  "module": {
+    "type": "commonjs"
+  }
+}

jest.config.js

@@ -1,7 +1,3 @@
 module.exports = {
-  preset: 'ts-jest',
-  testTimeout: process.env.CI ? 30000 : 10000,
-  globalSetup: './scripts/jestGlobalSetup.js',
-  globalTeardown: './scripts/jestGlobalTeardown.js',
-  testEnvironment: './scripts/jestEnv.js',
+  projects: ['<rootDir>/packages/fastify-renderer', '<rootDir>/packages/test-apps/simple-react'],
 }

packages/fastify-renderer/jest.config.js

@@ -93,7 +93,7 @@ module.exports = {
   // notifyMode: "failure-change",
 
   // A preset that is used as a base for Jest's configuration
-  preset: 'ts-jest',
+  // preset: 'ts-jest',
 
   // Run tests from one or more projects
   // projects: undefined,
@@ -172,7 +172,9 @@ module.exports = {
   // timers: "real",
 
   // A map from regular expressions to paths to transformers
-  // transform: undefined,
+  transform: {
+    '^.+\\.(t|j)sx?$': '@swc/jest',
+  },
 
   // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
   // transformIgnorePatterns: [

packages/fastify-renderer/package.json

@@ -77,6 +77,8 @@
     "react-dom": "experimental"
   },
   "devDependencies": {
+    "@swc/core": "^1.2.218",
+    "@swc/jest": "^0.2.22",
     "@types/connect": "^3.4.35",
     "@types/jest": "^26.0.24",
     "@types/node": "^14.17.20",
@@ -93,15 +95,15 @@
     "eslint-plugin-react-hooks": "^4.6.0",
     "fastify": "^3.29.0",
     "gitpkg": "^1.0.0-beta.2",
-    "jest": "^27.5.1",
+    "jest": "^28.1.3",
+    "jest-playwright-preset": "^2.0.0",
     "npm-run-all": "^4.1.5",
     "pino-pretty": "^4.8.0",
     "prettier": "^2.7.1",
     "prettier-plugin-organize-imports": "^2.3.4",
     "react": "0.0.0-experimental-4ead6b530",
     "react-dom": "0.0.0-experimental-4ead6b530",
     "rimraf": "^3.0.2",
-    "ts-jest": "^27.1.4",
     "typescript": "^4.7.4"
   },
   "files": [

packages/fastify-renderer/test/esm/default-esm-export.mjs

@@ -1,17 +1,7 @@
 import { FastifyInstance } from 'fastify'
 import fs from 'fs-extra'
 import { resolve } from 'path'
-import { Browser, ConsoleMessage, Page } from 'playwright-chromium'
-
-// injected by the test env
-declare global {
-  // eslint-disable-next-line @typescript-eslint/no-namespace
-  namespace NodeJS {
-    interface Global {
-      browser?: Browser
-    }
-  }
-}
+import { ConsoleMessage, Page } from 'playwright-chromium'
 
 export function slash(p: string): string {
   return p.replace(/\\/g, '/')
@@ -72,7 +62,7 @@ afterEach(async () => {
 
 /** Create a new playwright page for testing against */
 export const newTestPage = async (): Promise<Page> => {
-  const page: Page = await (global as any).browser.newPage()
+  const page: Page = await browser.newPage()
   page.on('console', onConsole)
   pages.push(page)
 

packages/fastify-renderer/test/esm/esm.test.ts

@@ -54,10 +54,10 @@ module.exports = {
   // forceCoverageMatch: [],
 
   // A path to a module which exports an async function that is triggered once before all test suites
-  // globalSetup: undefined,
+  // globalSetup: '../../../scripts/jestGlobalSetup.js',
 
   // A path to a module which exports an async function that is triggered once after all test suites
-  // globalTeardown: undefined,
+  // globalTeardown: '../../../scripts/jestGlobalTeardown.js',
 
   // A set of global variables that need to be available in all test environments
   // globals: {},
@@ -93,7 +93,7 @@ module.exports = {
   // notifyMode: "failure-change",
 
   // A preset that is used as a base for Jest's configuration
-  preset: 'ts-jest',
+  preset: 'jest-playwright-preset',
 
   // Run tests from one or more projects
   // projects: undefined,
@@ -137,7 +137,7 @@ module.exports = {
   // snapshotSerializers: [],
 
   // The test environment that will be used for testing
-  testEnvironment: 'node',
+  // testEnvironment: '../../../scripts/jestEnv.js',
 
   // Options that will be passed to the testEnvironment
   // testEnvironmentOptions: {},
@@ -172,7 +172,9 @@ module.exports = {
   // timers: "real",
 
   // A map from regular expressions to paths to transformers
-  // transform: undefined,
+  transform: {
+    '^.+\\.(t|j)sx?$': '@swc/jest',
+  },
 
   // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
   // transformIgnorePatterns: [

packages/fastify-renderer/test/esm/named-esm-export.mjs

@@ -8,6 +8,6 @@
     "module": "commonjs",
     "lib": ["ES2020", "dom"],
     "sourceMap": true,
-    "types": ["jest", "node"]
+    "types": ["jest", "node", "jest-playwright-preset", "expect-playwright"]
   }
 }