Fix e2e tests in dev mode (#62642)

* Fix e2e tests in dev mode

* Fix package-lock.json

Co-authored-by: kevin940726 <kevin940726@git.wordpress.org>
Co-authored-by: gziolo <gziolo@git.wordpress.org>

packages/e2e-test-utils-playwright/package.json

@@ -31,9 +31,6 @@
 	"main": "./build/index.js",
 	"types": "./build-types",
 	"dependencies": {
-		"@wordpress/api-fetch": "file:../api-fetch",
-		"@wordpress/keycodes": "file:../keycodes",
-		"@wordpress/url": "file:../url",
 		"change-case": "^4.1.2",
 		"form-data": "^4.0.0",
 		"get-port": "^5.1.1",

packages/e2e-test-utils-playwright/src/page-utils/keycodes.ts

@@ -0,0 +1,48 @@
+/**
+ * This filed is partially copied from @wordpress/keycodes to keep the package
+ * (internal-)dependencies free.
+ */
+
+/**
+ * Keycode for ALT key.
+ */
+export const ALT = 'alt';
+
+/**
+ * Keycode for CTRL key.
+ */
+export const CTRL = 'ctrl';
+
+/**
+ * Keycode for COMMAND key.
+ */
+export const COMMAND = 'meta';
+
+/**
+ * Keycode for SHIFT key.
+ */
+export const SHIFT = 'shift';
+
+/**
+ * Object that contains functions that return the available modifier
+ * depending on platform.
+ */
+export const modifiers: Record<
+	string,
+	( _isApple: () => boolean ) => string[]
+> = {
+	primary: ( _isApple ) => ( _isApple() ? [ COMMAND ] : [ CTRL ] ),
+	primaryShift: ( _isApple ) =>
+		_isApple() ? [ SHIFT, COMMAND ] : [ CTRL, SHIFT ],
+	primaryAlt: ( _isApple ) =>
+		_isApple() ? [ ALT, COMMAND ] : [ CTRL, ALT ],
+	secondary: ( _isApple ) =>
+		_isApple() ? [ SHIFT, ALT, COMMAND ] : [ CTRL, SHIFT, ALT ],
+	access: ( _isApple ) => ( _isApple() ? [ CTRL, ALT ] : [ SHIFT, ALT ] ),
+	ctrl: () => [ CTRL ],
+	alt: () => [ ALT ],
+	ctrlShift: () => [ CTRL, SHIFT ],
+	shift: () => [ SHIFT ],
+	shiftAlt: () => [ SHIFT, ALT ],
+	undefined: () => [],
+};

packages/e2e-test-utils-playwright/src/page-utils/press-keys.ts

@@ -8,16 +8,7 @@ import type { Page } from '@playwright/test';
  * Internal dependencies
  */
 import type { PageUtils } from './';
-
-/**
- * WordPress dependencies
- */
-import {
-	modifiers as baseModifiers,
-	SHIFT,
-	ALT,
-	CTRL,
-} from '@wordpress/keycodes';
+import { modifiers as baseModifiers, SHIFT, ALT, CTRL } from './keycodes';
 
 let clipboardDataHolder: {
 	'text/plain': string;

packages/e2e-test-utils-playwright/tsconfig.json

@@ -18,10 +18,5 @@
 		"allowJs": true,
 		"checkJs": false
 	},
-	"references": [
-		{ "path": "../api-fetch" },
-		{ "path": "../keycodes" },
-		{ "path": "../url" }
-	],
 	"include": [ "src/**/*" ]
 }