E2E Tests: Run tests against WP 5.9 RC1

.github/workflows/tests-e2e.yml

@@ -74,6 +74,10 @@ jobs:
           - browser: 'chrome'
             wp: 'latest'
             snapshots: true
+          - browser: 'chrome'
+            wp: '5.9-RC1'
+            experimental: true
+            snapshots: false
           - browser: 'chrome'
             wp: '5.5'
             snapshots: false

packages/e2e-test-utils/src/trashAllTerms.js

@@ -32,10 +32,14 @@ async function trashAllTerms(taxonomy) {
 
   await visitAdminPage('edit-tags.php', `taxonomy=${taxonomy}`);
 
-  await page.waitForSelector('[id^=cb-select-all-]');
-  await page.click('[id^=cb-select-all-]');
-  await page.select('#bulk-action-selector-top', 'delete');
-  await Promise.all([page.waitForNavigation(), page.click('#doaction')]);
+  // If this selector doesn't exist there are no terms for us to delete.
+  const bulkSelector = await page.$('#bulk-action-selector-top');
+  if (bulkSelector) {
+    await page.waitForSelector('[id^=cb-select-all-]');
+    await page.click('[id^=cb-select-all-]');
+    await page.select('#bulk-action-selector-top', 'delete');
+    await Promise.all([page.waitForNavigation(), page.click('#doaction')]);
+  }
 
   await setCurrentUser(currentUser.username, currentUser.password);
 }

packages/e2e-test-utils/src/visitBlockWidgetScreen.js

@@ -27,17 +27,28 @@ async function visitBlockWidgetScreen() {
   await visitAdminPage('widgets.php');
 
   // Disable welcome guide if it is enabled.
-  const isWelcomeGuideActive = await page.evaluate(() =>
-    wp.data
-      .select('core/edit-widgets')
-      .__unstableIsFeatureActive('welcomeGuide')
-  );
+  // The former selector is for WP < 5.9
+  const isWelcomeGuideActive = await page.evaluate(() => {
+    return (
+      wp.data
+        .select('core/edit-widgets')
+        ?.__unstableIsFeatureActive?.('welcomeGuide') ||
+      wp.data
+        .select('core/interface')
+        ?.isFeatureActive?.('core/edit-widgets', 'welcomeGuide')
+    );
+  });
+
   if (isWelcomeGuideActive) {
-    await page.evaluate(() =>
+    // The former action is for WP < 5.9
+    await page.evaluate(() => {
       wp.data
         .dispatch('core/edit-widgets')
-        .__unstableToggleFeature('welcomeGuide')
-    );
+        ?.__unstableToggleFeature?.('welcomeGuide');
+      wp.data
+        .dispatch('core/interface')
+        ?.toggleFeature?.('core/edit-widgets', 'welcomeGuide');
+    });
   }
 }
 export default visitBlockWidgetScreen;

packages/e2e-tests/src/config/bootstrap.js

@@ -89,6 +89,12 @@ const ALLOWED_ERROR_MESSAGES = [
 
   // Another Firefox warning.
   'Layout was forced before the page was fully loaded',
+
+  // Upsteam issue in gutenberg and twentytwenty theme.
+  'Stylesheet twentytwenty-block-editor-styles-css was not properly added.',
+
+  // TODO(#9240): Fix usage in the web stories block.
+  "select( 'core' ).getAuthors() is deprecated since version 5.9.",
 ];
 
 export function addAllowedErrorMessage(message) {

packages/e2e-tests/src/specs/wordpress/blockWidget.js

@@ -40,7 +40,7 @@ describe('Web Stories Widget Block', () => {
   it('should insert a new web stories block', async () => {
     await visitBlockWidgetScreen();
     await expect(page).toClick('button[aria-label="Add block"]');
-    await page.type('.block-editor-inserter__search-input', 'Web Stories');
+    await page.type('input[placeholder="Search"]', 'Web Stories');
     await expect(page).toClick('button span', { text: 'Web Stories' });
 
     await page.waitForSelector('.web-stories-block-configuration-panel');