Build/Test Tools: Switch from Puppeteer to Playwright for the QUnit test runner.

This brings the QUnit tests inline with the e2e and performance tests that switched to Playwright in #59517.

This removes the `puppeteer` dependency, but `puppeteer-core` remains a transitive dependency due to `wp-scripts` and `lighthouse`.

See #64894


git-svn-id: https://develop.svn.wordpress.org/trunk@62411 602fd350-edb4-49c9-b593-d223f7449a82

Author: johnbillion

.github/workflows/reusable-javascript-tests.yml

@@ -55,7 +55,7 @@ jobs:
       - name: Install npm Dependencies
         run: npm ci
 
-      # Older branches using outdated versions of Puppeteer fail on newer versions of the `ubuntu-24` image.
+      # Branches prior to 6.1 using outdated versions of Puppeteer fail on newer versions of the `ubuntu-24` image.
       # This disables AppArmor in order to work around those failures.
       #
       # See https://issues.chromium.org/issues/373753919

Gruntfile.js

@@ -115,7 +115,6 @@ module.exports = function(grunt) {
 			'cssmin',
 			'imagemin',
 			'jshint',
-			'qunit',
 			'uglify',
 			'watch'
 		],
@@ -955,7 +954,8 @@ module.exports = function(grunt) {
 				src: [
 					'tests/qunit/**/*.js',
 					'!tests/qunit/vendor/*',
-					'!tests/qunit/editor/**'
+					'!tests/qunit/qunit.js',
+					'!tests/qunit/playwright.config.js'
 				],
 				options: grunt.file.readJSON( 'tests/qunit/.jshintrc' )
 			},
@@ -1059,12 +1059,6 @@ module.exports = function(grunt) {
 				}
 			}
 		},
-		qunit: {
-			files: [
-				'tests/qunit/**/*.html',
-				'!tests/qunit/editor/**'
-			]
-		},
 		phpunit: {
 			'default': {
 				args: ['--verbose', '-c', 'phpunit.xml.dist']
@@ -1597,8 +1591,7 @@ module.exports = function(grunt) {
 			},
 			test: {
 				files: [
-					'tests/qunit/**',
-					'!tests/qunit/editor/**'
+					'tests/qunit/**'
 				],
 				tasks: ['qunit']
 			}
@@ -2220,6 +2213,20 @@ module.exports = function(grunt) {
 		}, this.async());
 	});
 
+	grunt.registerTask( 'qunit', 'Runs QUnit tests.', function() {
+		var done = this.async();
+		grunt.util.spawn( {
+			cmd: 'npx',
+			args: [ 'playwright', 'test', '--config', 'tests/qunit/playwright.config.js' ],
+			opts: { stdio: 'inherit' }
+		}, function( error, result, code ) {
+			if ( code !== 0 ) {
+				grunt.fail.warn( 'QUnit tests failed.' );
+			}
+			done();
+		} );
+	} );
+
 	grunt.registerTask( 'qunit:compiled', 'Runs QUnit tests on compiled as well as uncompiled scripts.',
 		['build', 'copy:qunit', 'qunit']
 	);

package-lock.json

@@ -53,7 +53,6 @@
 		"grunt-contrib-cssmin": "~5.0.0",
 		"grunt-contrib-imagemin": "~4.0.0",
 		"grunt-contrib-jshint": "3.2.0",
-		"grunt-contrib-qunit": "~10.1.1",
 		"grunt-contrib-uglify": "~5.2.2",
 		"grunt-contrib-watch": "~1.1.0",
 		"grunt-file-append": "0.0.7",

package.json

@@ -0,0 +1,19 @@
+/**
+ * Playwright configuration for QUnit tests.
+ */
+const path = require( 'path' );
+const { defineConfig } = require( '@playwright/test' );
+
+module.exports = defineConfig( {
+	testDir: __dirname,
+	outputDir: path.join( __dirname, '..', '..', 'artifacts', 'test-results' ),
+	testMatch: 'qunit.js',
+	timeout: 30_000,
+	workers: 1,
+	use: {
+		headless: true,
+		/* This avoids the need to run `npx playwright install` in CI. */
+		channel: process.env.CI ? 'chrome' : undefined,
+	},
+	reporter: process.env.CI ? 'github' : 'list',
+} );