Close Welcome Guide

src/commands/close-welcome-guide.ts

@@ -0,0 +1,22 @@
+/**
+ * Close Welcome Guide
+ *
+ * @example
+ * ```
+ * cy.closeWelcomeGuide()
+ * ```
+ */
+export const closeWelcomeGuide = (): void => {
+  const titleInput = 'h1.editor-post-title__input, #post-title-0';
+  const closeButtonSelector =
+    'button[aria-label="Close dialog"], button[aria-label="Disable tips"]';
+
+  // Wait for edit page to load
+  cy.get(titleInput).should('exist');
+
+  cy.get('body').then($body => {
+    if ($body.find(closeButtonSelector).length > 0) {
+      cy.get(closeButtonSelector).click();
+    }
+  });
+};

src/index.ts

@@ -2,6 +2,7 @@
 /// <reference types="cypress" />
 
 // Import commands.
+import { closeWelcomeGuide } from './commands/close-welcome-guide';
 import { wpCliEval } from './commands/wp-cli-eval';
 import { wpCli } from './commands/wp-cli';
 import { deactivatePlugin } from './commands/deactivate-plugin';
@@ -20,6 +21,7 @@ import { createPost } from './commands/create-post';
 declare global {
   namespace Cypress {
     interface Chainable<Subject> {
+      closeWelcomeGuide: typeof closeWelcomeGuide;
       wpCliEval: typeof wpCliEval;
       wpCli: typeof wpCli;
       deactivatePlugin: typeof deactivatePlugin;
@@ -39,6 +41,7 @@ declare global {
 }
 
 // Register commands
+Cypress.Commands.add('closeWelcomeGuide', closeWelcomeGuide);
 Cypress.Commands.add('wpCliEval', wpCliEval);
 Cypress.Commands.add('wpCli', wpCli);
 Cypress.Commands.add('deactivatePlugin', deactivatePlugin);

tests/cypress/integration/close-welcome-guide.test.js

@@ -0,0 +1,52 @@
+describe('Command: closeWelcomeGuide', () => {
+  before(() => {
+    cy.login();
+
+    // Disable Classic Editor if it's enabled
+    cy.visit('/wp-admin/options-writing.php');
+    cy.get('body').then($body => {
+      if (
+        $body.find('.classic-editor-options').length !== 0 &&
+        $body.find('#classic-editor-classic').is(':checked')
+      ) {
+        cy.get('#classic-editor-block').click();
+        cy.get('#submit').click();
+      }
+    });
+
+    // Ignore WP 5.2 Synchronous XHR error.
+    Cypress.on('uncaught:exception', (err, runnable) => {
+      if (
+        err.message.includes(
+          "Failed to execute 'send' on 'XMLHttpRequest': Failed to load 'http://localhost:8889/wp-admin/admin-ajax.php': Synchronous XHR in page dismissal"
+        )
+      ) {
+        return false;
+      }
+    });
+  });
+
+  beforeEach(() => {
+    cy.login();
+  });
+
+  it('Should be able to Close Welcome Guide', () => {
+    const welcomeGuideWindow = '.edit-post-welcome-guide';
+
+    cy.visit('/wp-admin/post-new.php');
+    cy.closeWelcomeGuide();
+    cy.get(welcomeGuideWindow).should('not.exist');
+  });
+
+  it('Should not fail closing Welcome Guide', () => {
+    const welcomeGuideWindow = '.edit-post-welcome-guide';
+
+    cy.visit('/wp-admin/post-new.php');
+    cy.closeWelcomeGuide();
+    cy.get(welcomeGuideWindow).should('not.exist');
+
+    cy.visit('/wp-admin/post-new.php');
+    cy.closeWelcomeGuide();
+    cy.get(welcomeGuideWindow).should('not.exist');
+  });
+});