@aws/mynah-ui 4.35.3 → 4.35.4

package/ui-tests/package.json

@@ -4,25 +4,24 @@
     "description": "",
     "main": "webpack.media.config.js",
     "scripts": {
-        "clean": "rm -rf build dist node_modules",
+        "clean": "rm -rf build dist node_modules __results__",
         "prepare": "webpack --config webpack.config.js --mode development",
-        "e2e": "npm run prepare && jest --detectOpenHandles --config=./jest.config.js",
-        "e2e:chromium": "npm run prepare && ts-node run-browser-tests.ts",
-        "e2e:webkit": "npm run prepare && BROWSER=webkit ts-node run-browser-tests.ts",
-        "postinstall": "npx playwright install webkit chromium --with-deps"
+        "e2e": "playwright test --workers=12",
+        "e2e:update": "playwright test --update-snapshots --workers=12",
+        "e2e:chromium": "playwright test --project=chromium --workers=12",
+        "e2e:webkit": "playwright test --project=webkit --workers=12",
+        "e2e:update:chromium": "playwright test --project=chromium --update-snapshots --workers=12",
+        "e2e:update:webkit": "playwright test --project=webkit --update-snapshots --workers=12",
+        "trace": "playwright show-trace"
     },
     "dependencies": {
         "@aws/mynah-ui": "file:../"
     },
     "devDependencies": {
-        "@types/jest": "^29.5.12",
-        "@types/jest-image-snapshot": "^6.4.0",
+        "@playwright/test": "^1.50.0",
         "css-loader": "^6.6.0",
         "html-webpack-plugin": "^5.5.0",
-        "jest": "^29.7.0",
-        "jest-image-snapshot": "^6.4.0",
-        "jest-playwright-preset": "^4.0.0",
-        "playwright": "1.52.0",
+        "playwright": "^1.52.0",
         "raw-loader": "^4.0.2",
         "sass": "^1.49.8",
         "sass-loader": "^12.6.0",

package/ui-tests/playwright.config.ts

@@ -0,0 +1,35 @@
+import { defineConfig } from '@playwright/test';
+import { DEFAULT_VIEWPORT } from './__test__/helpers';
+
+const isHeadless = process.env.HEADLESS !== 'false';
+const updateSnapshots = process.env.UPDATE_SNAPSHOTS === 'true';
+
+export default defineConfig({
+  testDir: './__test__',
+  testMatch: [ '**/?(*.)+(spec|test).[t]s' ],
+  testIgnore: [ '/node_modules/', 'dist', 'src' ],
+  timeout: 30000,
+  snapshotDir: './__snapshots__',
+  outputDir: './__results__/__reports__',
+  snapshotPathTemplate: '{snapshotDir}{/projectName}/{testName}/{arg}{ext}',
+  fullyParallel: true,
+  use: {
+    headless: isHeadless,
+    trace: 'retain-on-failure', // Capture trace only on failure
+    viewport: DEFAULT_VIEWPORT, // Enforce the default viewport
+  },
+  expect: {
+    toMatchSnapshot: {
+      maxDiffPixelRatio: 0.01,
+    },
+  },
+  projects: [
+    { name: 'chromium', use: { browserName: 'chromium' } },
+    { name: 'webkit', use: { browserName: 'webkit' } },
+  ],
+  updateSnapshots: updateSnapshots ? 'all' : 'missing',
+  reporter: [
+    [ 'list' ],
+    [ 'junit', { outputFile: './__results__/__reports__/junit.xml' } ],
+  ],
+});

package/ui-tests/jest.chromium.config.js

@@ -1,22 +0,0 @@
-const isHeadless = process.env.HEADLESS !== 'false';
-
-module.exports = {
-    rootDir: './',
-    roots: ['./__test__', './src'],
-    preset: 'jest-playwright-preset',
-    testEnvironmentOptions: {
-        'jest-playwright': {
-            use: {
-                trace: 'on-first-retry',
-            },
-            browsers: ['chromium'],
-            launchOptions: {
-                headless: isHeadless,
-            },
-        },
-    },
-    transform: { '^.+\\.ts?$': 'ts-jest' },
-    testMatch: ['**/?(*.)+(spec|test).[t]s'],
-    testPathIgnorePatterns: ['/node_modules/', 'dist', 'src'],
-    testTimeout: 15000,
-};

package/ui-tests/jest.config.js

@@ -1,22 +0,0 @@
-const isHeadless = process.env.HEADLESS !== 'false';
-
-module.exports = {
-    rootDir: './',
-    roots: ['./__test__', './src'],
-    preset: 'jest-playwright-preset',
-    testEnvironmentOptions: {
-        'jest-playwright': {
-            use: {
-                trace: 'on-first-retry',
-            },
-            browsers: ['webkit', 'chromium'],
-            launchOptions: {
-                headless: isHeadless,
-            },
-        },
-    },
-    transform: { '^.+\\.ts?$': 'ts-jest' },
-    testMatch: ['**/?(*.)+(spec|test).[t]s'],
-    testPathIgnorePatterns: ['/node_modules/', 'dist', 'src'],
-    testTimeout: 15000,
-};

package/ui-tests/jest.webkit.config.js

@@ -1,22 +0,0 @@
-const isHeadless = process.env.HEADLESS !== 'false';
-
-module.exports = {
-    rootDir: './',
-    roots: ['./__test__', './src'],
-    preset: 'jest-playwright-preset',
-    testEnvironmentOptions: {
-        'jest-playwright': {
-            use: {
-                trace: 'on-first-retry',
-            },
-            browsers: ['webkit'],
-            launchOptions: {
-                headless: isHeadless,
-            },
-        },
-    },
-    transform: { '^.+\\.ts?$': 'ts-jest' },
-    testMatch: ['**/?(*.)+(spec|test).[t]s'],
-    testPathIgnorePatterns: ['/node_modules/', 'dist', 'src'],
-    testTimeout: 15000,
-};

package/ui-tests/run-browser-tests.ts

@@ -1,30 +0,0 @@
-/**
- * Helper script to run tests for a specific browser
- */
-import { execSync } from 'child_process';
-
-// Define valid browser types
-type BrowserType = 'all' | 'chromium' | 'webkit';
-
-// Get the browser from environment variable or use default
-const browser = (process.env.BROWSER ?? 'all') as BrowserType;
-
-console.log(`Running tests for browser: ${browser}`);
-
-try {
-  if (browser === 'all') {
-    // Run tests for all browsers using the default config
-    execSync('jest --detectOpenHandles --config=./jest.config.js', { stdio: 'inherit' });
-  } else if (browser === 'chromium') {
-    // Run tests for Chromium only
-    execSync('jest --detectOpenHandles --config=./jest.chromium.config.js', { stdio: 'inherit' });
-  } else if (browser === 'webkit') {
-    // Run tests for Webkit only
-    execSync('jest --detectOpenHandles --config=./jest.webkit.config.js', { stdio: 'inherit' });
-  } else {
-    process.exit(1);
-  }
-} catch (error) {
-  console.error(`Test execution failed: ${error instanceof Error ? error.message : String(error)}`);
-  process.exit(1);
-}

package/ui-tests/test-results/.last-run.json

@@ -1,4 +0,0 @@
-{
-    "status": "failed",
-    "failedTests": []
-}