Application Passwords: Add end-to-end (e2e) tests.

Adds end-to-end (e2e) tests for the following test scenarios:
* Create a new application password.
* Create an application password with an existing name.
* Revoke a single application password.
* Bulk revoke applications passwords.

Follow-up to [49109], [49276], [49562], [50001], [50367], [51463].

Props justinahinon, swissspidy, juhise, kevin940726, isabel_brison.
Fixes #54241.

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

tests/e2e/specs/profile/applications-passwords.test.js

@@ -0,0 +1,138 @@
+import {
+	visitAdminPage,
+	__experimentalRest as rest,
+} from "@wordpress/e2e-test-utils";
+
+async function getResponseForApplicationPassword() {
+	return await rest({
+		method: "GET",
+		path: "/wp/v2/users/me/application-passwords",
+	});
+}
+
+async function createApplicationPassword(applicationName) {
+	await visitAdminPage("profile.php");
+	await page.waitForSelector("#new_application_password_name");
+	await page.type("#new_application_password_name", applicationName);
+	await page.click("#do_new_application_password");
+
+	await page.waitForSelector("#application-passwords-section .notice");
+}
+
+async function createApplicationPasswordWithApi(applicationName) {
+	await rest({
+		method: "POST",
+		path: "/wp/v2/users/me/application-passwords",
+		data: {
+			name: applicationName,
+		},
+	});
+}
+
+async function revokeAllApplicationPasswordsWithApi() {
+	await rest({
+		method: "DELETE",
+		path: `/wp/v2/users/me/application-passwords`,
+	});
+}
+
+describe("Manage applications passwords", () => {
+	const TEST_APPLICATION_NAME = "Test Application";
+
+	beforeEach(async () => {
+		await revokeAllApplicationPasswordsWithApi();
+	});
+
+	it("should correctly create a new application password", async () => {
+		await createApplicationPassword(TEST_APPLICATION_NAME);
+
+		const response = await getResponseForApplicationPassword();
+		expect(response[0]["name"]).toBe(TEST_APPLICATION_NAME);
+
+		const successMessage = await page.waitForSelector(
+			"#application-passwords-section .notice-success"
+		);
+		expect(
+			await successMessage.evaluate((element) => element.innerText)
+		).toContain(
+			`Your new password for ${TEST_APPLICATION_NAME} is: \n\nBe sure to save this in a safe location. You will not be able to retrieve it.`
+		);
+	});
+
+	it("should not allow to create two applications passwords with the same name", async () => {
+		await createApplicationPassword(TEST_APPLICATION_NAME);
+		await createApplicationPassword(TEST_APPLICATION_NAME);
+
+		const errorMessage = await page.waitForSelector(
+			"#application-passwords-section .notice-error"
+		);
+
+		expect(
+			await errorMessage.evaluate((element) => element.textContent)
+		).toContain("Each application name should be unique.");
+	});
+
+	it("should correctly revoke a single application password", async () => {
+		await createApplicationPassword(TEST_APPLICATION_NAME);
+
+		const revokeApplicationButton = await page.waitForSelector(
+			".application-passwords-user tr button.delete"
+		);
+		
+		const revocationDialogPromise = new Promise((resolve) => {
+			page.once("dialog", resolve);
+		});
+
+		await Promise.all([
+			revocationDialogPromise,
+			revokeApplicationButton.click(),
+		]);
+
+		const successMessage = await page.waitForSelector(
+			"#application-passwords-section .notice-success"
+		);
+		expect(
+			await successMessage.evaluate((element) => element.textContent)
+		).toContain("Application password revoked.");
+
+		const response = await getResponseForApplicationPassword();
+		expect(response).toEqual([]);
+	});
+
+	it("should correctly revoke all the application passwords", async () => {
+		await createApplicationPassword(TEST_APPLICATION_NAME);
+
+		const revokeAllApplicationPasswordsButton = await page.waitForSelector(
+			"#revoke-all-application-passwords"
+		);
+
+		const revocationDialogPromise = new Promise((resolve) => {
+			page.once("dialog", resolve);
+		});
+
+		await Promise.all([
+			revocationDialogPromise,
+			revokeAllApplicationPasswordsButton.click(),
+		]);
+
+		/**
+		 * This is commented out because we're using enablePageDialogAccept
+		 * which is overly aggressive and no way to temporary disable it either.
+		 */
+		// await dialog.accept();
+
+		await page.waitForSelector(
+			"#application-passwords-section .notice-success"
+		);
+
+		const successMessage = await page.waitForSelector(
+			"#application-passwords-section .notice-success"
+		);
+		expect(
+			await successMessage.evaluate((element) => element.textContent)
+		).toContain("All application passwords revoked.");
+
+		const response = await getResponseForApplicationPassword();
+		expect(response).toEqual([]);
+	});
+});