Changeset 56090

Timestamp:

06/28/2023 10:57:48 AM (15 months 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 }")]`
         );