Migrate shortcut help e2e tests to Playwright (#53832)

* Migrate test case

* Migrate test case

* Use Role locators

* Update to have tests pass locally

- swap pressKeyWithModifier for pressKeys
- use locator assertions
- remove some extraneous steps in latter tests
- cleanup comments

* Combine tests

* Locate platform-agnostically

* Locate more rolefully

* Assert focus return

---------

Co-authored-by: alvitazwar <55917380+alvitazwar@users.noreply.github.com>

test/e2e/specs/editor/various/shortcut-help.spec.js

@@ -0,0 +1,42 @@
+/**
+ * WordPress dependencies
+ */
+const { test, expect } = require( '@wordpress/e2e-test-utils-playwright' );
+
+test.describe( 'keyboard shortcut help modal', () => {
+	test.beforeEach( async ( { admin } ) => {
+		await admin.createNewPost();
+	} );
+
+	test( 'opens from the options menu, closes with its close button and returns focus', async ( {
+		page,
+	} ) => {
+		await page
+			.locator( 'role=region[name="Editor top bar"]' )
+			.locator( '[aria-label="Options"]' )
+			.click();
+		const menuItem = page.locator( 'role=menuitem', {
+			hasText: /^Keyboard shortcuts/i,
+		} );
+		const dialog = page.locator( 'role=dialog[name="Keyboard shortcuts"]' );
+
+		await menuItem.click();
+		await expect( dialog ).toBeVisible();
+
+		await page.locator( 'role=button[name="Close"]' ).click();
+		await expect( dialog ).toBeHidden();
+		await expect( menuItem ).toBeFocused();
+	} );
+
+	test( 'toggles open/closed using the keyboard shortcut (access+h)', async ( {
+		page,
+		pageUtils,
+	} ) => {
+		await pageUtils.pressKeys( 'access+h' );
+		const dialog = page.locator( 'role=dialog[name="Keyboard shortcuts"]' );
+		await expect( dialog ).toBeVisible();
+
+		await pageUtils.pressKeys( 'access+h' );
+		await expect( dialog ).toBeHidden();
+	} );
+} );