cy: make tests run with both slate and draftjs

eea · Nov 22, 2021 · e51f7a5 · e51f7a5
1 parent 9f515c3
commit e51f7a5
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 5 deletions.
diff --git a/cypress/integration/blocks-accordion.js b/cypress/integration/blocks-accordion.js
@@ -34,14 +34,26 @@ describe('Blocks Tests', () => {
     cy.get('.accordion:nth-child(3) > .title > .icon').click();
     cy.wait(500);
 
-    // the cypress test is run without slate, but with draftjs
+    // the cypress test runs with both slate and draftjs.
     cy.get('.accordion:nth-child(3) .content')
       .first()
       .within(() => {
-        cy.get('.public-DraftStyleDefault-block:nth-child(1)')
-          .should('have.value', '')
-          .invoke('attr', 'tabindex', 1)
-          .type('children', { delay: 50 });
+        cy.getIfExists(
+          '.public-DraftStyleDefault-block:nth-child(1)',
+          () => {
+            cy.get('.public-DraftStyleDefault-block:nth-child(1)')
+              .should('have.value', '')
+              .invoke('attr', 'tabindex', 1)
+              .type('children', { delay: 50 });
+          },
+          () => {
+            cy.get('div.text-slate-editor-inner')
+              .should('have.value', '')
+              .invoke('attr', 'tabindex', 1)
+              .click()
+              .type('children', { delay: 50 });
+          },
+        );
       });
 
     cy.get('#toolbar-save path').click({ force: true });

diff --git a/cypress/support/commands.js b/cypress/support/commands.js
@@ -295,6 +295,19 @@ function getTextNode(el, match) {
     }
   }
 }
+function getIfExists(
+  selector,
+  successAction = () => {},
+  failAction = () => {},
+) {
+  cy.get('div.blocks-form').then((body) => {
+    if (body.find(selector).length > 0 && successAction) {
+      successAction();
+    } else if (failAction) {
+      failAction();
+    }
+  });
+}
 
 function setBaseAndExtent(...args) {
   const document = args[0].ownerDocument;
@@ -313,3 +326,4 @@ Cypress.Commands.add('store', () => {
 Cypress.Commands.add('settings', (key, value) => {
   return cy.window().its('settings');
 });
+Cypress.Commands.add('getIfExists', getIfExists);