nocodb/scripts/cypress/integration/common/7a_create_project_from_excel.js

// Cypress test suite: Project creation using EXCEL
//

import { projectsPage } from "../../support/page_objects/navigation";
import { mainPage } from "../../support/page_objects/mainPage";
import {
  roles,
  isTestSuiteActive,
} from "../../support/page_objects/projectConstants";

// stores sheet names (table name)
let sheetList;

// stores table data (read from excel)
let sheetData;
//let UrlSheetData

let URL = "https://go.microsoft.com/fwlink/?LinkID=521962";

let filepath = `sampleFiles/simple.xlsx`;
// let UrlFilePath = `sampleFiles/Financial Sample.xlsx`

let expectedData = {
  0: ["number", "Number"],
  1: ["float", "Decimal"],
  2: ["text", "SingleLineText"],
};

let UrlFileExpectedData = {
  0: ["Segment", "SingleSelect", ["Government"]],
  1: ["Country", "SingleSelect", ["Canada"]],
  2: ["Product", "SingleSelect", ["Carretera"]],
  3: ["Discount Band", "SingleSelect", ["None"]],
  4: ["Units Sold", "Decimal", [1618.5]],
  5: ["Manufacturing Price", "Number", [3]],
  6: ["Sale Price", "Number", [20]],
  7: ["Gross Sales", "Decimal", [32370]],
  8: ["Discounts", "Decimal", [0]],
  9: ["Sales", "Decimal", [32370]],
  10: ["COGS", "Decimal", [16185]],
  11: ["Profit", "Decimal", [16185]],
  12: ["Date", "Date", ["2014-01-01"]],
  13: ["Month Number", "Number", [1]],
  14: ["Month Name", "SingleSelect", ["January"]],
  15: ["Year", "SingleSelect", [2014]],
};

// let filepath = `sampleFiles/sample.xlsx`
// let expectedData = {
//     0:  ['number', 'Number'],
//     1:  ['float', 'Decimal'],
//     2:  ['text', 'SingleLineText'],
//     3:  ['boolean', 'Checkbox'],
//     4:  ['currency', 'Currency'],
//     5:  ['date', 'Date'],
//     6:  ['field7', 'SingleLineText'],
//     7:  ['multi line', 'LongText'],
//     8:  ['multi select', 'MultiSelect'],
//     9:  ['field10', 'SingleLineText'],
//     10: ['formula', 'Decimal'],
//     11: ['percentage', 'Decimal'],
//     12: ['dateTime', 'DateTime']
// }

export const genTest = (type, xcdb) => {
  if (!isTestSuiteActive(type, xcdb)) return;

  describe(`Import from excel`, () => {
    before(() => {
      cy.task("readSheetList", {
        file: `./scripts/cypress/fixtures/${filepath}`,
      }).then((rows) => {
        cy.log(rows);
        sheetList = rows;
      });

      cy.task("readXlsx", {
        file: `./scripts/cypress/fixtures/${filepath}`,
        sheet: "Sheet2",
      }).then((rows) => {
        cy.log(rows);
        sheetData = rows;
      });

      // cy.task('readXlsx', { file: `./scripts/cypress/fixtures/${UrlFilePath}`, sheet: "Sheet1" })
      //     .then((rows) => {
      //         cy.log(rows)
      //         UrlSheetData = rows
      // })
    });

    it("File Upload: Upload excel as template", () => {
      mainPage.toolBarTopLeft(mainPage.HOME).click();

      // click on "New Project"
      cy.get(":nth-child(5) > .v-btn", { timeout: 20000 }).click();

      // Subsequent form, select (+ Create) option
      cy.get(".nc-create-project-from-excel", { timeout: 20000 }).click({
        force: true,
      });

      cy.get(".nc-excel-import-input").attachFile(filepath);
      cy.get(".nc-btn-use-template", { timeout: 120000 }).should("exist");
    });

    it("File Upload: Verify pre-load template page", () => {
      cy.getActiveContentModal()
        .find(".v-expansion-panel")
        .then((sheets) => {
          for (let i = 0; i < sheets.length; i++) {
            // verify if all sheet names are correct
            // cy.wrap(sheets[i]).find('.title').then((blk) => {
            //     cy.log(blk.text().trim())
            //     expect(blk.text().trim()).to.equal(sheetList[i])
            // })

            cy.wrap(sheets[i]).contains(sheetList[i]).should("exist");

            // for each sheet, expand to verify table names & their data types
            cy.wrap(sheets[i]).find(".mdi-chevron-down").click();

            // wait for 4 DOM rows to become visible, corresponding to 4 column names in excel
            // change to avoid static wait
            cy.get(".v-data-table").find("tr:visible").should("have.length", 4);

            cy.get(".v-data-table")
              .find("tr:visible")
              .then((row) => {
                for (let j = 1; j < row.length; j++) {
                  // column name to match input in excel
                  cy.wrap(row[j])
                    .find('[placeholder="Column name"]')
                    .then((obj) => {
                      cy.log(obj[0].value);
                      expect(obj[0].value).to.equal(expectedData[j - 1][0]);
                    });

                  // datatype to match expected output
                  cy.wrap(row[j])
                    .find("span.caption")
                    .then((obj) => {
                      cy.log(obj[0].innerText);
                      expect(obj[0].innerText).to.equal(expectedData[j - 1][1]);
                    });
                }
              });

            // unwind
            cy.wrap(sheets[i]).find(".mdi-chevron-down").click();
          }
        });
    });

    it("File Upload: Verify loaded data", () => {
      // create rest/ gql project
      cy.get(".nc-btn-use-template", { timeout: 120000 }).click();
      // if (type == 'rest') {
      //     cy.getActiveMenu().find('[role="menuitem"]').contains('REST').click()
      // } else {
      //     cy.getActiveMenu().find('[role="menuitem"]').contains('GQL').click()
      // }

      // wait for loading to be completed
      projectsPage.waitHomePageLoad();

      // open sheet & validate contents
      // sheetData contains data read from excel in format
      // 0: { float: 1.1, number: 1, text: "abc" }
      // 1: { float: 1.2, number: 0, text: "def" }

      cy.openTableTab("Sheet2", 2);
      for (const [key, value] of Object.entries(expectedData)) {
        mainPage
          .getCell(value[0], 1)
          .contains(sheetData[0][value[0]])
          .should("exist");
        mainPage
          .getCell(value[0], 2)
          .contains(sheetData[1][value[0]])
          .should("exist");
      }
      cy.closeTableTab("Sheet2");

      cy.openTableTab("Sheet3", 2);
      for (const [key, value] of Object.entries(expectedData)) {
        mainPage
          .getCell(value[0], 1)
          .contains(sheetData[0][value[0]])
          .should("exist");
        mainPage
          .getCell(value[0], 2)
          .contains(sheetData[1][value[0]])
          .should("exist");
      }
      cy.closeTableTab("Sheet3");

      // delete project once all operations are completed
      mainPage.toolBarTopLeft(mainPage.HOME).click();
      cy.get(`.nc-${type}-project-row .mdi-delete-circle-outline`, {
        timeout: 10000,
      })
        .should("exist")
        .last()
        .invoke("show")
        .click();
      cy.contains("Submit").closest("button").click();
    });

    it("URL: Upload excel as template", () => {
      // click on "New Project"
      cy.get(":nth-child(5) > .v-btn", { timeout: 20000 }).click();

      // Subsequent form, select (+ Create) option
      cy.get(".nc-create-project-from-excel", { timeout: 20000 }).click({
        force: true,
      });

      cy.getActiveModal().find(".caption").contains("URL").click();
      cy.get(".nc-excel-import-tab-item")
        .find('input[type="url"]')
        .click()
        .type(URL);
      cy.get(".nc-excel-import-tab-item")
        .find("button")
        .contains("Load")
        .click();

      cy.get(".nc-btn-use-template", { timeout: 120000 }).should("exist");
    });

    it("URL: Verify pre-load template page", () => {
      cy.getActiveContentModal()
        .find(".v-expansion-panel")
        .then((sheets) => {
          for (let i = 0; i < sheets.length; i++) {
            // verify if all sheet names are correct
            // cy.wrap(sheets[i]).find('.title').then((blk) => {
            //     cy.log(blk.text().trim())
            //     expect(blk.text().trim()).to.equal('Sheet1')
            // })

            cy.wrap(sheets[i]).contains("Sheet1").should("exist");

            // for each sheet, expand to verify table names & their data types
            cy.wrap(sheets[i]).find(".mdi-chevron-down").click();
            cy.wait(3000).then(() => {
              cy.get(".v-data-table")
                .find("tr:visible")
                .then((row) => {
                  // verification restricting to 10, as others need to be scrolled back into view
                  for (let j = 1; j <= 10 /*row.length*/; j++) {
                    // column name to match input in excel
                    cy.wrap(row[j])
                      .find('[placeholder="Column name"]')
                      .then((obj) => {
                        cy.log(obj[0].value);
                        expect(obj[0].value).to.equal(
                          UrlFileExpectedData[j - 1][0]
                        );
                      });

                    // datatype to match expected output
                    cy.wrap(row[j])
                      .find("span.caption")
                      .then((obj) => {
                        cy.log(obj[0].innerText);
                        expect(obj[0].innerText).to.equal(
                          UrlFileExpectedData[j - 1][1]
                        );
                      });
                  }
                });
            });

            // unwind
            cy.wrap(sheets[i]).find(".mdi-chevron-down").click();
          }
        });
    });

    it("URL: Verify loaded data", () => {
      // create rest/ gql project
      cy.get(".nc-btn-use-template", { timeout: 120000 }).click();

      // wait for loading to be completed
      projectsPage.waitHomePageLoad();

      // open sheet & validate contents
      // sheetData contains data read from excel in format
      // 0: { float: 1.1, number: 1, text: "abc" }
      // 1: { float: 1.2, number: 0, text: "def" }

      cy.openTableTab("Sheet1", 25);
      let idx = 0;
      for (const [key, value] of Object.entries(UrlFileExpectedData)) {
        if (UrlFileExpectedData[idx][1] != "Date")
          mainPage
            .getCell(value[0], 1)
            .contains(UrlFileExpectedData[idx++][2][0])
            .should("exist");
      }
      cy.closeTableTab("Sheet1");
    });

    after(() => {
      // delete project once all operations are completed
      mainPage.toolBarTopLeft(mainPage.HOME).click();
      cy.get(`.nc-${type}-project-row .mdi-delete-circle-outline`, {
        timeout: 10000,
      })
        .should("exist")
        .last()
        .invoke("show")
        .click();
      cy.contains("Submit").closest("button").click();
    });
  });
};

// if (typeof require !== 'undefined') XLSX = require('xlsx');

// let workbook

// const getSheetList = (wb) => {
//     return wb.SheetNames
// }

// const getRow = (sheet, rowIdx) => {
//     let sheetData = XLSX.utils.sheet_to_json(workbook.Sheets[sheet], {
//         header: 1,
//         blankrows: false
//     });

//     return sheetData[rowIdx]
// }

// // https://stackoverflow.com/questions/40630606/how-to-read-only-column-a-value-from-excel-using-nodejs
// const getColumn = (sheet, colIdx) => {
//     let columnA = []
//     const worksheet = workbook.Sheets[sheet];
//         for (let z in worksheet) {
//             if (z.toString()[0] === colIdx) {
//                 columnA.push(worksheet[z].v);
//         }
//     }
//     return columnA
// }

// const getCell = (sheet, cellIdx) => {
//     const worksheet = workbook.Sheets[sheet];
//     var desired_cell = worksheet[cellIdx];
//     desired_value = (desired_cell ? desired_cell.v : undefined);
//     return desired_value
// }

/**
 * @copyright Copyright (c) 2021, Xgene Cloud Ltd
 *
 * @author Raju Udava <sivadstala@gmail.com>
 *
 * @license GNU AGPL version 3 or any later version
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 *
 */