Merge pull request #129 from liip/feat/migrate-e2etest-to-playwright

feat(): Migrate e2e tests to playwright

Author: tschortsch

.browserslistrc

@@ -1,10 +1 @@
-> 1%
-ie >= 11
-last 1 Android versions
-last 1 ChromeAndroid versions
-last 2 Chrome versions
-last 2 Firefox versions
-last 2 Safari versions
-last 2 iOS versions
-last 2 Edge versions
-last 2 Opera versions
+extends @wordpress/browserslist-config

.editorconfig

@@ -14,9 +14,12 @@ trim_trailing_whitespace = true
 indent_style = tab
 indent_size = 4
 
-[*.yml]
+[*.{yml,yaml}]
 indent_style = space
 indent_size = 2
 
-[*.md]
-trim_trailing_whitespace = false
+[*.{gradle,java,kt}]
+indent_style = space
+
+[packages/react-native-*/**.xml]
+indent_style = space

.eslintignore

@@ -2,6 +2,4 @@ node_modules
 vendor
 build
 !.*.js
-snapshots.js
-cypress/index.d.ts
 release/

.eslintrc.js

@@ -1,17 +1,4 @@
 module.exports = {
 	root: true,
 	extends: [ 'plugin:@wordpress/eslint-plugin/recommended' ],
-	parserOptions: {
-		requireConfigFile: false,
-		babelOptions: {
-			presets: [ require.resolve( '@wordpress/babel-preset-default' ) ],
-		},
-	},
-	overrides: [
-		{
-			// Use cypress/recommended plugin for cypress tests.
-			files: [ 'cypress/**/*.js' ],
-			extends: [ 'plugin:cypress/recommended' ],
-		},
-	],
 };

.github/workflows/lint-test-deploy.yml

@@ -27,7 +27,7 @@ jobs:
       - name: Run PHP linter
         run: |
           npm run wp-env start
-          npm run lint:php
+          npm run lint:php:ci
 
   tests:
     name: Tests
@@ -36,7 +36,7 @@ jobs:
 
     strategy:
       matrix:
-        wp: [ '5.7', '5.8', '5.9', '6.0', '6.1' ]
+        wp: [ '6.2', '6.3', '6.4' ]
 
     steps:
       - uses: actions/checkout@v3
@@ -51,13 +51,16 @@ jobs:
           npm ci
           composer install
 
+      - name: Install Playwright dependencies
+        run: |
+          npx playwright install chromium firefox webkit --with-deps
+
       - name: "Configure environment with WP ${{ matrix.wp }}"
         run: |
           echo -e '{\n\t"core": "WordPress/WordPress#${{ matrix.wp }}"\n}' > ./.wp-env.override.json
 
       - name: Install WordPress
         run: |
-          chmod -R 767 ./ # TODO: Possibly integrate in wp-env
           npm run wp-env start
 
       - name: Running JavaScript E2E tests
@@ -66,6 +69,13 @@ jobs:
       - name: Running PHP unit tests
         run: npm run test:unit:php:ci
 
+      - uses: actions/upload-artifact@v3
+        if: always()
+        with:
+          name: playwright-report
+          path: artifacts/
+          retention-days: 7
+
   deploy-dry-run:
     name: '[DRY RUN] Deploy'
 

.gitignore

@@ -9,6 +9,9 @@ build/*
 !build/settings.css
 composer.phar
 /release
-cypress/videos
-cypress/screenshots
 .DS_Store
+/test-results/
+/artifacts/
+/blob-report/
+/playwright/.cache/
+.phpunit.result.cache

.prettierrc.js

@@ -0,0 +1,3 @@
+// Import the default config file and expose it in the project root.
+// Useful for editor integrations.
+module.exports = require( '@wordpress/prettier-config' );

.wp-env.json

@@ -1,5 +1,5 @@
 {
-	"core": "WordPress/WordPress#6.1",
+	"core": "WordPress/WordPress#6.4.1",
 	"plugins": [ "." ],
 	"themes": [
 		"./test-themes/bootstrap"

README.md

@@ -87,7 +87,7 @@ The support is still experimental since it's also marked as experimental in the
 
 ## Bootstrap library
 
-Please be aware that this plugin does not include the Bootstrap library in your website. You need to do this by yourself. 
+Please be aware that this plugin does not include the Bootstrap library in your website. You need to do this by yourself.
 We decided not to include the library so that you can modify Bootstrap to your own needs before loading it.
 
 The easiest way to do this is to add the following to your theme's `functions.php`:
@@ -864,7 +864,7 @@ The following commands can be used to set up a local dev environment. See the of
 There are two types of tests for this plugin:
 
 * PHPUnit Tests: Used to validate generated block output. Since this plugin uses dynamic blocks which are rendered on the server side we need to test them with PHPUnit tests.
-* Cypress E2E Tests: Used to validate block behaviour in the editor.
+* Playwright E2E Tests: Used to validate block behaviour in the editor.
 
 #### PHPUnitTests
 
@@ -890,9 +890,9 @@ or the following command to run a specific test:
 npm run test:unit:php -- --filter 'my_test'
 ```
 
-#### Cypress E2E Tests
+#### Playwright E2E Tests
 
-The Cypress E2E Tests are stored in the `cypress` directory.
+The Playwright E2E Tests are stored in the `playwright` directory.
 
 To run the tests use the following command:
 

build/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n'), 'version' => 'd3457b9a3c8cbcffa04f');
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-hooks', 'wp-i18n'), 'version' => '711b66ceb1a605b9118c');