CCP-4997: Adjust Cypress Tests to handle new offline options. Fixced flaky cypress test

Author: gary-jipp

tests/functional/cypress/e2e/form-apikey-cdogs.cy.js

@@ -39,13 +39,11 @@ describe('Form Designer', () => {
   // Publish a simple form 
   it('Verify Data Retention Settings', () => {
     cy.viewport(1000, 1100);
-    cy.get('div.formio-builder-form').then($el => {
+    cy.get('div.formio-builder-form').then(($el) => {
       const coords = $el[0].getBoundingClientRect();
-      cy.get('span.btn').contains('Text Field')
-      
-      .trigger('mousedown', { which: 1}, { force: true })
-      .trigger('mousemove', coords.x, -150, { force: true })
-      .trigger('mouseup', { force: true });
+      cy.get('span.btn').contains('Text Field').trigger('mousedown', { which: 1, force: true });
+      cy.get('div.formio-builder-form').trigger('mousemove', coords.x, -150, { force: true });
+      cy.get('div.formio-builder-form').trigger('mouseup', { force: true });
       cy.get('.btn-success').click();
     });
     // Form saving
@@ -71,13 +69,12 @@ describe('Form Designer', () => {
     //Update form design version
     cy.get('.mdi-plus').click();
     //Add new component to version 1
-    cy.get('div.formio-builder-form').then($el => {
-    const coords = $el[0].getBoundingClientRect();
-    cy.get('span.btn').contains('Columns - 2')
-    .trigger('mousedown', { which: 1}, { force: true })
-    .trigger('mousemove', coords.x, -140, { force: true })
-    .trigger('mouseup', { force: true });
-    cy.get('.btn-success').click();
+    cy.get('div.formio-builder-form').then(($el) => {
+      const coords = $el[0].getBoundingClientRect();
+      cy.get('span.btn').contains('Columns - 2').trigger('mousedown', { which: 1, force: true });
+      cy.get('div.formio-builder-form').trigger('mousemove', coords.x, -140, { force: true });
+      cy.get('div.formio-builder-form').trigger('mouseup', { force: true });
+      cy.get('.btn-success').click();
     });
      // Form saving
     cy.wait(1000); 
@@ -98,15 +95,13 @@ describe('Form Designer', () => {
     cy.get('button[title="Edit Version"]').click();
     cy.wait(1000);
     //Add new component to version 1
-    cy.get('div.formio-builder-form').then($el => {
-    const coords = $el[0].getBoundingClientRect();
-    cy.get('span.btn').contains('Text/Images')
-      
-      .trigger('mousedown', { which: 1}, { force: true })
-      .trigger('mousemove', coords.x, -50, { force: true })
-      .trigger('mouseup', { force: true });
+    cy.get('div.formio-builder-form').then(($el) => {
+      const coords = $el[0].getBoundingClientRect();
+      cy.get('span.btn').contains('Text/Images').trigger('mousedown', { which: 1, force: true });
+      cy.get('div.formio-builder-form').trigger('mousemove', coords.x, -50, { force: true });
+      cy.get('div.formio-builder-form').trigger('mouseup', { force: true });
       cy.waitForLoad();
-    cy.get('.btn-success').click();
+      cy.get('.btn-success').click();
     });
     cy.wait(1000);
     cy.get('.mdi-dots-vertical').click();
@@ -122,13 +117,12 @@ describe('Form Designer', () => {
     cy.get('button[title="Delete Version"]').should('not.exist');
     //Update form design version
     cy.get('.mdi-plus').click();
-    cy.get('div.formio-builder-form').then($el => {
-    const coords = $el[0].getBoundingClientRect();
-    cy.get('span.btn').contains('Columns - 3')
-    .trigger('mousedown', { which: 1}, { force: true })
-    .trigger('mousemove', coords.x, -140, { force: true })
-    .trigger('mouseup', { force: true });
-    cy.get('.btn-success').click();
+    cy.get('div.formio-builder-form').then(($el) => {
+      const coords = $el[0].getBoundingClientRect();
+      cy.get('span.btn').contains('Columns - 3').trigger('mousedown', { which: 1, force: true });
+      cy.get('div.formio-builder-form').trigger('mousemove', coords.x, -140, { force: true });
+      cy.get('div.formio-builder-form').trigger('mouseup', { force: true });
+      cy.get('.btn-success').click();
     });
     //Form saving
     cy.wait(1000); 

tests/functional/cypress/e2e/form-submission-public-no-status-assign.cy.js

@@ -74,7 +74,7 @@ describe('Form Designer', () => {
     //Hide  submission content on success page
     cy.get('[data-test="hideSubmissionContentOnSuccessCheckbox"] input[type="checkbox"]').click();
     cy.waitForLoad();
-    cy.get(':nth-child(3) > .v-card > .v-card-text > :nth-child(2) > .v-input__control > .v-selection-control > .v-label > span').click();//uncheck for not able to update the status of the form
+    cy.get('[data-test="canUpdateStatusOfFormCheckbox"]').find('input[type="checkbox"]').click(); //uncheck so the form cannot update status
     cy.get('[data-test="canUpdateStatusOfFormCheckbox"]').should("not.be.checked");
     cy.contains('span','Display assignee column for reviewers').should("not.exist");
     cy.get('[data-test="canScheduleFormSubmissionCheckbox"]').find('input[type="checkbox"]').click();

tests/functional/cypress/e2e/form-submission-public-status-assign.cy.js

@@ -49,7 +49,7 @@ describe('Form Designer', () => {
     cy.wait(2000);
     cy.get(':nth-child(1) > .v-expansion-panel > .v-expansion-panel-title > .v-expansion-panel-title__overlay').click();
     cy.get('[lang="en"] > .v-btn > .v-btn__content > .mdi-pencil').click();
-    cy.get('[data-test="canUpdateStatusOfFormCheckbox"]').click();//Check to update the status of the form
+    cy.get('[data-test="canUpdateStatusOfFormCheckbox"]').find('input[type="checkbox"]').click(); //check to update the status of the form
     cy.wait(1000);
     cy.contains('span','Display assignee column for reviewers').should('exist');
     cy.get('[data-test="showAssigneeInSubmissionsTableCheckbox"]').find('input[type="checkbox"]').click();