feat: replace cypress with playwright

aurelia · Jun 20, 2022 · 7f146b1 · 7f146b1
1 parent ca77edf
commit 7f146b1
Show file tree

Hide file tree

Showing 31 changed files with 237 additions and 286 deletions.
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -14,7 +14,7 @@ jobs:
     runs-on: ${{ matrix.os }}
     strategy:
       matrix:
-        node_version: [14, 16]
+        node_version: [14, 16, 18]
         os: [ubuntu-latest, windows-latest, macOS-latest]
 
     steps:

diff --git a/.github/workflows/e2e-linux.yml b/.github/workflows/e2e-linux.yml
@@ -19,7 +19,7 @@ jobs:
       fail-fast: false
       matrix:
         node_version:
-          - 16
+          - 18
         os:
           - ubuntu-latest
         target_features:

diff --git a/.github/workflows/e2e-macOS.yml b/.github/workflows/e2e-macOS.yml
@@ -16,7 +16,7 @@ jobs:
       fail-fast: false
       matrix:
         node_version:
-          - 16
+          - 18
         os:
           - macOS-latest
         target_features:

diff --git a/.github/workflows/e2e-windows.yml b/.github/workflows/e2e-windows.yml
@@ -16,7 +16,7 @@ jobs:
       fail-fast: false
       matrix:
         node_version:
-          - 16
+          - 18
         os:
           - windows-latest
         target_features:

diff --git a/__test__/after-task.spec.js b/__test__/after-task.spec.js
@@ -26,6 +26,7 @@ test('"after" task only prints summary in unattended mode', async t => {
     prompts,
     run,
     properties: {name: 'my-app'},
+    features: ['a', 'b'],
     notDefaultFeatures: ['a', 'b-c'],
     ansiColors
   }, {
@@ -61,6 +62,7 @@ test('"after" task only prints summary in unattended mode and here mode', async
     prompts,
     run,
     properties: {name: 'my-app'},
+    features: ['a', 'b'],
     notDefaultFeatures: ['a', 'b-c'],
     ansiColors
   }, {
@@ -97,6 +99,7 @@ test('"after" task installs deps, and prints summary', async t => {
     prompts,
     run,
     properties: {name: 'my-app'},
+    features: ['a', 'b'],
     notDefaultFeatures: ['a', 'b-c'],
     ansiColors
   }, {
@@ -135,6 +138,7 @@ test('"after" task installs deps, and prints summary in here mode', async t => {
     prompts,
     run,
     properties: {name: 'my-app'},
+    features: ['a', 'b'],
     notDefaultFeatures: ['a', 'b-c'],
     ansiColors
   }, {

diff --git a/after.js b/after.js
@@ -12,7 +12,7 @@ function isAvailable(bin) {
 }
 
 module.exports = async function({
-  unattended, here, prompts, run, properties, notDefaultFeatures, ansiColors
+  unattended, here, prompts, run, properties, features, notDefaultFeatures, ansiColors
 }, {
   // for testing
   _isAvailable = isAvailable,
@@ -42,6 +42,9 @@ module.exports = async function({
 
     if (result) {
       await run(result, ['install']);
+      if (features.includes('playwright')) {
+        await run('npx', ['playwright', 'install', '--with-deps']);
+      }
       depsInstalled = true;
     }
 
@@ -51,6 +54,9 @@ module.exports = async function({
 
   _log(`\n${c.underline.bold('Get Started')}`);
   if (!here) _log('cd ' + properties.name);
-  if (!depsInstalled) _log('npm install');
+  if (!depsInstalled) {
+    _log('npm install');
+    if (features.includes('playwright')) _log('npx playwright install --with-deps');
+  }
   _log('npm start\n');
 };
diff --git a/common/.gitignore__append-if-exists b/common/.gitignore__append-if-exists
@@ -55,7 +55,7 @@ node_modules
 // @if karma
 /test/coverage-karma
 // @endif
-// @if cypress
-/cypress/videos
-/cypress/screenshots
+// @if playwright
+/test-results
+/playwright-report
 // @endif
diff --git a/common/tsconfig.json__if_typescript b/common/tsconfig.json__if_typescript
@@ -18,14 +18,6 @@
     "module": "esnext",
     // @endif
 
-    // @if cypress && karma
-    "types": ["jasmine"],
-    // @endif
-
-    // @if cypress && jest && cli-bundler
-    "types": ["node", "jest"],
-    // @endif
-
     "typeRoots": ["./node_modules/@types"],
 
     "removeComments": true,

diff --git a/cypress/README.md b/cypress/README.md
diff --git a/cypress/aurelia_project/tasks/cypress.ext b/cypress/aurelia_project/tasks/cypress.ext
diff --git a/cypress/aurelia_project/tasks/cypress.json b/cypress/aurelia_project/tasks/cypress.json
diff --git a/cypress/cypress.config.js b/cypress/cypress.config.js
diff --git a/cypress/cypress.json b/cypress/cypress.json
diff --git a/cypress/cypress/.eslintrc.json b/cypress/cypress/.eslintrc.json
diff --git a/cypress/cypress/fixtures/example.json b/cypress/cypress/fixtures/example.json
diff --git a/cypress/cypress/plugins/index.js b/cypress/cypress/plugins/index.js
diff --git a/cypress/cypress/support/commands.js b/cypress/cypress/support/commands.js
diff --git a/cypress/cypress/support/index.js b/cypress/cypress/support/index.js
diff --git a/cypress/cypress/tsconfig.json__if_typescript b/cypress/cypress/tsconfig.json__if_typescript
diff --git a/cypress/package.json b/cypress/package.json
diff --git a/docker/Dockerfile b/docker/Dockerfile
@@ -1,7 +1,7 @@
 # build stage
 FROM node:lts as build-stage
 
-// @if cypress || karma
+// @if playwright || karma
 ENV DEBIAN_FRONTEND=noninteractive
 
 #update apt-get
@@ -67,8 +67,8 @@ COPY src ./src
 COPY test ./test
 // @endif
 
-// @if cypress
-COPY cypress ./cypress
+// @if playwright
+COPY e2e ./e2e
 // @endif
 
 // @if cli-bundler && dotnet-core
@@ -80,9 +80,9 @@ COPY wwwroot ./wwwroot
 RUN au test
 // @endif
 
-// @if cypress
+// @if e2e
 # RUN E2E TESTS
-RUN npm run e2e:headless
+RUN npm run e2e
 // @endif
 
 # build