E2E Tests: Migrate Comments block test to Playwright

packages/e2e-test-utils-playwright/src/admin/index.ts

@@ -11,6 +11,7 @@ import type { Browser, Page, BrowserContext } from '@playwright/test';
  */
 import { createNewPost } from './create-new-post';
 import { getPageError } from './get-page-error';
+import { setOption } from './set-option';
 import { visitAdminPage } from './visit-admin-page';
 import { visitSiteEditor } from './visit-site-editor';
 import type { PageUtils } from '../page-utils';
@@ -35,6 +36,7 @@ export class Admin {
 
 	createNewPost = createNewPost.bind( this );
 	getPageError = getPageError.bind( this );
+	setOption = setOption.bind( this );
 	visitAdminPage = visitAdminPage.bind( this );
 	visitSiteEditor = visitSiteEditor.bind( this );
 }

packages/e2e-test-utils-playwright/src/admin/set-option.ts

@@ -0,0 +1,14 @@
+/**
+ * Internal dependencies
+ */
+import type { Admin } from './';
+
+export async function setOption( this: Admin, setting: string, value: string ) {
+	await this.visitAdminPage( 'options.php', '' );
+	const previousValue = await this.page.inputValue( `#${ setting }` );
+
+	await this.page.fill( `#${ setting }`, value );
+
+	await this.page.click( '#Update' );
+	return previousValue;
+}

packages/e2e-test-utils-playwright/src/editor/publish-post.ts

@@ -29,4 +29,9 @@ export async function publishPost( this: Editor ) {
 	await this.page.click(
 		'role=region[name="Editor publish"i] >> role=button[name="Publish"i]'
 	);
+
+	const urlString = await this.page.inputValue( 'text="Post address"' );
+	const url = new URL( urlString );
+	const postId = url.searchParams.get( 'p' );
+	return postId;
 }

packages/e2e-test-utils-playwright/src/request-utils/comments.ts

@@ -0,0 +1,57 @@
+/**
+ * Internal dependencies
+ */
+import type { RequestUtils } from './index';
+
+export interface Comment {
+	id: number;
+	author: number;
+	content: string;
+}
+
+/**
+ * Create new comment using the REST API.
+ *
+ * @param {} this    RequestUtils.
+ * @param {} comment Comment.
+ */
+export async function createComment( this: RequestUtils, comment: Comment ) {
+	this.rest( {
+		method: 'POST',
+		path: '/wp/v2/comments',
+		data: comment,
+	} );
+}
+
+/**
+ * Delete all comments using the REST API.
+ *
+ * @param {} this RequestUtils.
+ */
+export async function deleteAllComments( this: RequestUtils ) {
+	// List all comments.
+	// https://developer.wordpress.org/rest-api/reference/comments/#list-comments
+	const comments = await this.rest( {
+		path: '/wp/v2/comments',
+		params: {
+			per_page: 100,
+			// All possible statuses.
+			status: 'unapproved,approved,spam,trash',
+		},
+	} );
+
+	// Delete all comments one by one.
+	// https://developer.wordpress.org/rest-api/reference/comments/#delete-a-comment
+	// "/wp/v2/comments" doesn't support batch requests yet.
+	await Promise.all(
+		comments.map( ( comment: Comment ) =>
+			this.rest( {
+				method: 'DELETE',
+				path: `/wp/v2/comments/${ comment.id }`,
+				params: {
+					force: true,
+				},
+			} )
+		)
+	);
+}

packages/e2e-test-utils-playwright/src/request-utils/index.ts

@@ -18,8 +18,10 @@ import { getPluginsMap, activatePlugin, deactivatePlugin } from './plugins';
 import { deleteAllTemplates } from './templates';
 import { activateTheme } from './themes';
 import { deleteAllBlocks } from './blocks';
+import { createComment, deleteAllComments } from './comments';
 import { deleteAllPosts } from './posts';
 import { resetPreferences } from './preferences';
+import { getCurrentUser } from './user';
 import { deleteAllWidgets, addWidgetBlock } from './widgets';
 
 interface StorageState {
@@ -121,6 +123,8 @@ class RequestUtils {
 	activateTheme = activateTheme.bind( this );
 	deleteAllBlocks = deleteAllBlocks;
 	deleteAllPosts = deleteAllPosts.bind( this );
+	createComment = createComment.bind( this );
+	deleteAllComments = deleteAllComments.bind( this );
 	deleteAllWidgets = deleteAllWidgets.bind( this );
 	addWidgetBlock = addWidgetBlock.bind( this );
 	deleteAllTemplates = deleteAllTemplates.bind( this );
@@ -129,6 +133,7 @@ class RequestUtils {
 	uploadMedia = uploadMedia.bind( this );
 	deleteMedia = deleteMedia.bind( this );
 	deleteAllMedia = deleteAllMedia.bind( this );
+	getCurrentUser = getCurrentUser.bind( this );
 }
 
 export type { StorageState };

packages/e2e-test-utils-playwright/src/request-utils/user.ts

@@ -0,0 +1,18 @@
+/**
+ * Internal dependencies
+ */
+import type { RequestUtils } from './index';
+
+/**
+ * Get current user
+ *
+ * @param {this} this Request utils.
+ */
+export async function getCurrentUser( this: RequestUtils ) {
+	const response = await this.rest( {
+		path: '/wp/v2/users/me',
+		method: 'GET',
+	} );
+
+	return response;
+}