Changeset 56090

Timestamp:

06/28/2023 10:57:48 AM (3 years ago)

Author:

Clorith

Message:

Build/Test Tools: Switch frame container when testing block editor output.

The initial commit added the frame lookup within the wrong test, this follow-up restores the previous test runner, and adds the container lookup to the correct test.

Follow-up to [56089].

See #58592.

File:

• trunk/tests/e2e/specs/edit-posts.test.js (modified) (2 diffs)

trunk/tests/e2e/specs/edit-posts.test.js

@@ -28 +28 @@
                 await page.waitForSelector( '#the-list .type-post' );
 
-                // Wait for the editor iframe to load, and switch to it as the active content frame.
-                const editorFrame = await page.waitForSelector( 'iframe[name="editor-canvas"]' );
+                // Expect there to be one row in the post list.
+                const posts = await page.$$( '#the-list .type-post' );
+                expect( posts.length ).toBe( 1 );
 
-                const innerFrame = await editorFrame.contentFrame();
+                const [ firstPost ] = posts;
 
-                // Wait for title field to render onscreen.
-                await innerFrame.waitForSelector( '.editor-post-title__input' );
-
-                // Expect to now be in the editor with the correct post title shown.
-                const editorPostTitleInput = await innerFrame.$x(
-                        `//h1[contains(@class, "editor-post-title__input")][contains(text(), "${ title }")]`
+                // Expect the title of the post to be correct.
+                const postTitle = await firstPost.$x(
+                        `//a[contains(@class, "row-title")][contains(text(), "${ title }")]`
                 );
                 expect( postTitle.length ).toBe( 1 );
@@ -57 +55 @@
                 await editLink.click();
 
-                // Edit the post.
-                await page.waitForNavigation();
+                // Wait for the editor iframe to load, and switch to it as the active content frame.
+                const editorFrame = await page.waitForSelector( 'iframe[name="editor-canvas"]' );
+
+                const innerFrame = await editorFrame.contentFrame();
 
                 // Wait for title field to render onscreen.
-                await page.waitForSelector( '.editor-post-title__input' );
+                await innerFrame.waitForSelector( '.editor-post-title__input' );
 
                 // Expect to now be in the editor with the correct post title shown.
-                const editorPostTitleInput = await page.$x(
+                const editorPostTitleInput = await innerFrame.$x(
                         `//h1[contains(@class, "editor-post-title__input")][contains(text(), "${ title }")]`
                 );