Merge pull request #17 from eea/cypress-ci

Add integration tests
eea · Jul 5, 2021 · 6ee8c27 · 6ee8c27
2 parents 7f3aa93 + bd44c88
commit 6ee8c27
Show file tree

Hide file tree

Showing 8 changed files with 974 additions and 37 deletions.
diff --git a/Jenkinsfile b/Jenkinsfile
@@ -13,7 +13,42 @@ pipeline {
   }
 
   stages {
+
+    stage('Integration tests') {
+      steps {
+            node(label: 'docker') {
+              script {
+                try {
+                  sh '''docker pull plone; docker run -d --name="$BUILD_TAG-plone" -e SITE="Plone" -e PROFILES="profile-plone.restapi:blocks" plone fg'''
+                  sh '''docker pull eeacms/volto-project-ci; docker run -i --name="$BUILD_TAG-cypress" --link $BUILD_TAG-plone:plone -e GIT_NAME=$GIT_NAME -e GIT_BRANCH="$BRANCH_NAME" -e GIT_CHANGE_ID="$CHANGE_ID" eeacms/volto-project-ci cypress'''
+                } finally {
+                  try {
+                    sh '''rm -rf cypress-reports cypress-results'''
+                    sh '''mkdir -p cypress-reports cypress-results'''
+                    sh '''docker cp $BUILD_TAG-cypress:/opt/frontend/my-volto-project/cypress/videos cypress-reports/'''
+                    sh '''docker cp $BUILD_TAG-cypress:/opt/frontend/my-volto-project/cypress/reports cypress-results/'''
+                    archiveArtifacts artifacts: 'cypress-reports/videos/*.mp4', fingerprint: true
+                  }
+                  finally {
+                    catchError(buildResult: 'SUCCESS', stageResult: 'SUCCESS') {
+                        junit testResults: 'cypress-results/**/*.xml', allowEmptyResults: true
+                    }
+                    sh script: "docker stop $BUILD_TAG-plone", returnStatus: true
+                    sh script: "docker rm -v $BUILD_TAG-plone", returnStatus: true
+                    sh script: "docker rm -v $BUILD_TAG-cypress", returnStatus: true
+                  }
+                }
+              }
+            }
+        }
+    }
+
     stage('Build & Push') {
+      when {
+        allOf {
+          environment name: 'CHANGE_ID', value: ''
+        }
+      }
       steps{
         node(label: 'docker-host') {
           script {
@@ -49,31 +84,6 @@ pipeline {
       }
     }
 
-    // stage('Integration tests') {
-    //   steps {
-    //     parallel(
-
-    //       "Cypress": {
-    //         node(label: 'docker') {
-    //           script {
-    //             try {
-    //               sh '''docker pull eeacms/plonesaas; docker run -d --name="$BUILD_TAG-plone" -e SITE="Plone" -e PROFILES="profile-plone.restapi:blocks" plone fg'''
-    //               sh '''docker pull eeacms/eprtr-frontend; docker run -i --name="$BUILD_TAG-cypress" --link $BUILD_TAG-plone:plone -e NAMESPACE="$NAMESPACE" -e TIMEOUT=600000 -e GIT_NAME=$GIT_NAME -e GIT_BRANCH="$BRANCH_NAME" -e GIT_CHANGE_ID="$CHANGE_ID" eeacms/eprtr-frontend cypress'''
-    //             } finally {
-    //               sh '''mkdir -p cypress-reports'''
-    //               sh '''docker cp $BUILD_TAG-cypress:/opt/frontend/cypress/videos cypress-reports/'''
-    //               stash name: "cypress-reports", includes: "cypress-reports/**/*"
-    //               archiveArtifacts artifacts: 'cypress-reports/videos/*.mp4', fingerprint: true
-    //               sh '''echo "$(docker stop $BUILD_TAG-plone; docker rm -v $BUILD_TAG-plone; docker rm -v $BUILD_TAG-cypress)" '''
-    //             }
-    //           }
-    //         }
-    //       }
-
-    //     )
-    //   }
-    // }
-
     stage('Upgrade demo') {
       when {
         buildingTag()

diff --git a/cypress.json b/cypress.json
@@ -1,4 +1,12 @@
 {
   "baseUrl": "http://localhost:3000",
-  "viewportWidth": 1280
-}
+  "viewportWidth": 1280,
+  "defaultCommandTimeout": 15000,
+  "reporter": "junit",
+  "video": true,
+  "reporterOptions": {
+    "mochaFile": "cypress/reports/cypress-[hash].xml",
+    "jenkinsMode": true,
+    "toConsole": true
+  }
+}
diff --git a/cypress/helpers/actions/index.js b/cypress/helpers/actions/index.js
@@ -0,0 +1,22 @@
+export const save = (path) => {
+  cy.url().then(($url) => {
+    if ($url.includes(path)) {
+      //cy.get('.ui.button.save').click();
+      cy.get('#toolbar-save').click();
+      cy.url().should('eq', Cypress.config().baseUrl + path);
+    } else {
+      cy.log('Wrong path');
+    }
+  });
+};
+
+export const cancel = (path) => {
+  cy.url().then(($url) => {
+    if ($url.includes(path)) {
+      cy.get('.ui.button.cancel').click();
+      cy.url().should('eq', Cypress.config().baseUrl + path);
+    } else {
+      cy.log('Wrong path');
+    }
+  });
+};
diff --git a/cypress/helpers/blocks/index.js b/cypress/helpers/blocks/index.js
@@ -1,20 +1,46 @@
 import { openSidebar, closeSidebar } from '../index';
 
-export const changePageTitle = (title) => {
+export const changePageTitle = (title, delay = 10) => {
   cy.get('.documentFirstHeading > .public-DraftStyleDefault-block')
     .clear()
     .type(title)
     .get('.documentFirstHeading span[data-text]')
     .contains(title);
+
+  cy.get('.documentFirstHeading > .public-DraftStyleDefault-block').type(
+    '{enter}',
+  );
 };
 
 export const addBlock = (groupTitle, groupId, blockId) => {
   closeSidebar();
-  cy.get('.ui.basic.icon.button.block-add-button').first().click();
-  cy.get('.blocks-chooser .title').contains(groupTitle).click();
-  cy.get(`.content.active.${groupId} .button.${blockId}`).click();
-  cy.get(`#page-edit div.block-editor-${blockId}`);
-  openSidebar();
+  cy.getIfExists(
+    '#page-edit div.block-editor-slate',
+    () => {
+      cy.get('#page-edit div.block-editor-slate').last().click();
+    },
+    () => {
+      cy.getIfExists('#page-edit div.block-editor-text', () => {
+        cy.get('#page-edit div.block-editor-text').last().click();
+      });
+    },
+  );
+  cy.get('.ui.basic.icon.button.block-add-button').last().click();
+  cy.getIfExists(
+    `.content.active.${groupId}`,
+    () => {
+      cy.get(`.content.active.${groupId} .button.${blockId}`).click();
+      cy.get(`#page-edit div.block-editor-${blockId}`).type('{enter}');
+      openSidebar();
+    },
+    () => {
+      cy.get('.blocks-chooser .title').contains(groupTitle).click();
+      cy.get(`.content.active.${groupId} .button.${blockId}`).click();
+      cy.get(`#page-edit div.block-editor-${blockId}`);
+      cy.get(`#page-edit div.block-editor-${blockId}`).type('{enter}');
+      openSidebar();
+    },
+  );
 };
 
 export const selectBlock = (blockId) => {

diff --git a/cypress/helpers/index.js b/cypress/helpers/index.js
@@ -1,3 +1,4 @@
-export { openSidebar, closeSidebar, openSidebarTab } from './sidebar';
-export { changePageTitle, addBlock, selectBlock } from './blocks';
-export { setInputValue, filtersModal } from './utils';
+export * from './actions';
+export * from './blocks';
+export * from './sidebar';
+export * from './utils';
diff --git a/cypress/helpers/utils.js b/cypress/helpers/utils.js
@@ -50,6 +50,8 @@ export const filtersModal = {
   search: (text) => {
     cy.get('.filters-container .search-input-container input').type(text);
     cy.wait(2000);
-    cy.get('.filters-container .search-input-container input').type('{enter}');
+    cy.get('.filters-container .search-input-container span.suggestion-term')
+      .contains(text)
+      .click();
   },
 };
diff --git a/cypress/support/commands.js b/cypress/support/commands.js
@@ -302,6 +302,20 @@ function setBaseAndExtent(...args) {
   document.getSelection().setBaseAndExtent(...args);
 }
 
+function getIfExists(
+  selector,
+  successAction = () => {},
+  failAction = () => {},
+) {
+  cy.get('body').then((body) => {
+    if (body.find(selector).length > 0 && successAction) {
+      successAction();
+    } else if (failAction) {
+      failAction();
+    }
+  });
+}
+
 Cypress.Commands.add('navigate', (route = '') => {
   return cy.window().its('appHistory').invoke('push', route);
 });
@@ -314,6 +328,8 @@ Cypress.Commands.add('settings', (key, value) => {
   return cy.window().its('settings');
 });
 
+Cypress.Commands.add('getIfExists', getIfExists);
+
 Cypress.Commands.add(
   'controlledTextAreaChange',
   { prevSubject: 'element' },