Try to fix a11y test flakiness (#48236)

* Try to fix a11y test flakiness * Try a different approach * Try a different approach * Use tabindex
WordPress · Feb 21, 2023 · 73711ad · 73711ad · github-actions · Feb 21, 2023
1 parent bd8ffc1
commit 73711ad
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/test/e2e/specs/editor/various/a11y.spec.js b/test/e2e/specs/editor/various/a11y.spec.js
@@ -170,6 +170,13 @@ test.describe( 'a11y (@firefox, @webkit)', () => {
 		// The Blocks tab panel content is long and scrollable.
 		// Check it's focusable.
 		await clickAndFocusTab( blocksTab );
+		// Explicitly wait for the modal content to be attached with certain attributes.
+		// This is necessary for solving a flaky result where Playwright runs too fast
+		// before DOM catching up.
+		await expect( preferencesModalContent ).toHaveAttribute(
+			'tabindex',
+			'0'
+		);
 		await page.keyboard.press( 'Shift+Tab' );
 		await expect( closeButton ).toBeFocused();
 		await page.keyboard.press( 'Shift+Tab' );