Migrate nonce.test.js to Playwright (#44929)

Co-authored-by: Pooja Killekar <poojakillekar@Poojas-MacBook-Air.local>

test/e2e/specs/editor/plugins/nonce.spec.js

@@ -0,0 +1,85 @@
+/**
+ * WordPress dependencies
+ */
+const { test, expect } = require( '@wordpress/e2e-test-utils-playwright' );
+
+test.describe( 'Nonce', () => {
+	test.afterEach( async ( { requestUtils } ) => {
+		await requestUtils.deleteAllPosts();
+	} );
+
+	test( 'should refresh when expired', async ( {
+		page,
+		admin,
+		requestUtils,
+	} ) => {
+		await admin.createNewPost();
+		await page.keyboard.press( 'Enter' );
+		// Wait until the network is idle.
+		await page.waitForLoadState( 'networkidle' );
+		await page.keyboard.type( 'test' );
+
+		/**
+		 * Mock network and manually expire the API nonce until refreshed.
+		 */
+		{
+			let refreshed = false;
+
+			page.on( 'response', ( response ) => {
+				if (
+					response
+						.url()
+						.includes(
+							'/wp-admin/admin-ajax.php?action=rest-nonce'
+						) &&
+					response.status() === 200
+				) {
+					refreshed = true;
+				}
+			} );
+
+			await page.route(
+				// Intercept every REST API endpoint.
+				( url ) =>
+					url.href.startsWith(
+						requestUtils.storageState.rootURL.slice( 0, -1 )
+					),
+				( route ) => {
+					if ( refreshed ) {
+						route.continue();
+					} else {
+						route.fulfill( {
+							status: 403,
+							contentType: 'application/json; charset=UTF-8',
+							body: JSON.stringify( {
+								code: 'rest_cookie_invalid_nonce',
+								data: { status: 403 },
+								message: 'Cookie check failed',
+							} ),
+						} );
+					}
+				}
+			);
+		}
+
+		const saveDraftResponses = [];
+		page.on( 'response', async ( response ) => {
+			const request = response.request();
+			if (
+				request.method() === 'POST' &&
+				request.postDataJSON()?.status === 'draft'
+			) {
+				saveDraftResponses.push( response.status() );
+			}
+		} );
+
+		await page.click( 'role=button[name=/Save draft/i]' );
+		// Saving draft should still succeed after retrying.
+		await expect(
+			page.locator( 'role=button[name="Dismiss this notice"i]' )
+		).toContainText( /Draft saved/i );
+
+		// We expect a 403 status only once.
+		expect( saveDraftResponses ).toEqual( [ 403, 200 ] );
+	} );
+} );