Test downloading config in WebUI (#1545)

Author: OlgaYakovleva

webui/cypress/integration/code-page.spec.js

@@ -32,7 +32,7 @@ describe('Code page', () => {
     cy.task('tarantool', { code: `cleanup()` });
   });
 
-  const selectAllKeys = Cypress.platform == 'darwin' ? '{cmd}a' : '{ctrl}a';
+  const selectAllKeys = Cypress.platform === 'darwin' ? '{cmd}a' : '{ctrl}a';
 
   function reload() {
     cy.get('.meta-test__Code__reload_idle').click({ force: true });

webui/cypress/integration/configuration-file-page.spec.js

@@ -53,4 +53,20 @@ describe('Configuration file page', () => {
     cy.get('[data-cy="test_uploadZone"]').contains('Config upload failed: uploading system section ' +
       '"topology" is forbidden');
   });
+
+  it('Test: download config file', () => {
+
+    ///////////////////////////////////////////////////////////////////
+    cy.log('Download current conf file');
+    ////////////////////////////////////////////////////////////////////
+    cy.visit('/admin/cluster/configuration');
+    cy.get('[data-cy="downloadButton"]').should('have.attr', 'href')
+      .then(href => {
+
+        cy.downloadFile(Cypress.config('baseUrl') + href, 'cypress/downloads', 'config_downloaded.yml');
+        cy.readFile('cypress/downloads/config_downloaded.yml').should('contain',
+          'custom_section: []')
+      })
+  });
+
 });

webui/cypress/plugins/index.js

@@ -15,6 +15,7 @@
 /**
  * @type {Cypress.PluginConfig}
  */
+const { downloadFile } = require('cypress-downloadfile/lib/addPlugin');
 const net = require('net');
 const yaml = require('js-yaml');
 const cache = {};
@@ -81,6 +82,7 @@ module.exports = (on, config) => {
       }
 
       return resp;
-    }
+    },
+    downloadFile
   })
 }

webui/cypress/support/commands.js

@@ -26,3 +26,4 @@
 
 // https://www.npmjs.com/package/cypress-file-upload
 import 'cypress-file-upload';
+require('cypress-downloadfile/lib/downloadFileCommand');

webui/package-lock.json

@@ -33,6 +33,7 @@
     "case-sensitive-paths-webpack-plugin": "2.4.0",
     "chalk": "2.4.2",
     "css-loader": "5.2.6",
+    "cypress-downloadfile": "^1.2.1",
     "cypress-file-upload": "^5.0.8",
     "dayjs": "^1.10.6",
     "dotenv": "10.0.0",

webui/package.json

@@ -66,7 +66,7 @@ const ConfigManagement = ({ isDemoPanelPresent }: ConfigManagementProps) => {
     <PageLayout
       heading='Configuration Management'
       topRightControls={[
-        <a href={getApiEndpoint('CONFIG_ENDPOINT')}>
+        <a href={getApiEndpoint('CONFIG_ENDPOINT')} data-cy='downloadButton'>
           <Button
             className='meta-test__DownloadBtn'
             icon={IconDownload}