From a0708133990a50ae49b38bee064418da22d06cfb Mon Sep 17 00:00:00 2001 From: George Mamadashvili Date: Thu, 12 Oct 2023 13:54:29 +0400 Subject: [PATCH 1/3] Migrate 'Post Title block' e2e tests to Playwright Co-authored-by: Justin Ahinon Co-authored-by: Alvi Tazwar <55917380+alvitazwar@users.noreply.github.com> --- .../specs/editor/blocks/block-title.spec.js | 36 +++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 test/e2e/specs/editor/blocks/block-title.spec.js diff --git a/test/e2e/specs/editor/blocks/block-title.spec.js b/test/e2e/specs/editor/blocks/block-title.spec.js new file mode 100644 index 00000000000000..6959a1cd0bfa78 --- /dev/null +++ b/test/e2e/specs/editor/blocks/block-title.spec.js @@ -0,0 +1,36 @@ +/** + * WordPress dependencies + */ +const { test, expect } = require( '@wordpress/e2e-test-utils-playwright' ); + +test.describe( 'Post Title block', () => { + test.beforeEach( async ( { admin } ) => { + await admin.createNewPost(); + } ); + + test( 'Can edit the post title', async ( { editor, page } ) => { + await editor.insertBlock( { name: 'core/post-title' } ); + + // Add the post title + await editor.canvas + .getByRole( 'textbox', { + name: 'Add title', + } ) + .fill( 'Just tweaking the post title' ); + + // Save the post draft and reload. + await page.getByRole( 'button', { name: 'Save draft' } ).click(); + await expect( + page + .getByRole( 'button', { name: 'Dismiss this notice' } ) + .filter( { hasText: 'Draft saved' } ) + ).toBeVisible(); + await page.reload(); + + const titleBlock = editor.canvas.getByRole( 'document', { + name: 'Block: Title', + } ); + await expect( titleBlock ).toBeVisible(); + await expect( titleBlock ).toHaveText( 'Just tweaking the post title' ); + } ); +} ); From d919e30904ba1d9a4247edf78af1a421210df7b3 Mon Sep 17 00:00:00 2001 From: George Mamadashvili Date: Thu, 12 Oct 2023 13:55:44 +0400 Subject: [PATCH 2/3] Remove old test file --- .../specs/editor/blocks/post-title.test.js | 36 ------------------- 1 file changed, 36 deletions(-) delete mode 100644 packages/e2e-tests/specs/editor/blocks/post-title.test.js diff --git a/packages/e2e-tests/specs/editor/blocks/post-title.test.js b/packages/e2e-tests/specs/editor/blocks/post-title.test.js deleted file mode 100644 index 0f9fc610be3ee5..00000000000000 --- a/packages/e2e-tests/specs/editor/blocks/post-title.test.js +++ /dev/null @@ -1,36 +0,0 @@ -/** - * WordPress dependencies - */ -import { - createNewPost, - insertBlock, - saveDraft, - canvas, -} from '@wordpress/e2e-test-utils'; - -describe( 'Post Title block', () => { - beforeEach( async () => { - await createNewPost(); - } ); - - it( 'Can edit the post title', async () => { - // Create a block with some text that will trigger a list creation. - await insertBlock( 'Title' ); - const editablePostTitleSelector = - '.wp-block-post-title[contenteditable="true"]'; - await canvas().waitForSelector( editablePostTitleSelector ); - await canvas().focus( editablePostTitleSelector ); - - // Create a second list item. - await page.keyboard.type( 'Just tweaking the post title' ); - - await saveDraft(); - await page.reload(); - await page.waitForSelector( '.edit-post-layout' ); - const title = await canvas().$eval( - '.editor-post-title__input', - ( element ) => element.textContent - ); - expect( title ).toEqual( 'Just tweaking the post title' ); - } ); -} ); From 77ad93bf458f5db5f6482ea0cf42705e604f6d75 Mon Sep 17 00:00:00 2001 From: George Mamadashvili Date: Thu, 12 Oct 2023 14:08:56 +0400 Subject: [PATCH 3/3] Fix file name --- .../editor/blocks/{block-title.spec.js => post-title.spec.js} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename test/e2e/specs/editor/blocks/{block-title.spec.js => post-title.spec.js} (100%) diff --git a/test/e2e/specs/editor/blocks/block-title.spec.js b/test/e2e/specs/editor/blocks/post-title.spec.js similarity index 100% rename from test/e2e/specs/editor/blocks/block-title.spec.js rename to test/e2e/specs/editor/blocks/post-title.spec.js