Merge pull request #1296 from concord-consortium/185315412-automation…

…-csv-local-import

185315412 automation csv local import

v3/cypress/e2e/cfm.spec.ts

@@ -1,11 +1,13 @@
 import { CfmElements as cfm } from "../support/elements/cfm"
+import { ComponentElements as c } from "../support/elements/component-elements"
+import { TableTileElements as table } from "../support/elements/table-tile"
 
 context("CloudFileManager", () => {
   beforeEach(function () {
-      const queryParams = "?mouseSensor"
-      const url = `${Cypress.config("index")}${queryParams}`
-      cy.visit(url)
-      cy.wait(2500)
+    const queryParams = "?mouseSensor"
+    const url = `${Cypress.config("index")}${queryParams}`
+    cy.visit(url)
+    cy.wait(2500)
   })
   it("Opens Mammals example document via CFM Open dialog", () => {
     // hamburger menu is hidden initially
@@ -30,4 +32,60 @@ context("CloudFileManager", () => {
     cfm.getModalDialog().should("not.exist")
     cy.get(".codap-component.codap-case-table").contains(".title-bar", "Mammals").should("exist")
   })
+  it("Opens a local document using different methods", () => {
+    const fileName = "../v3/cypress/fixtures/mammals.codap"
+    const CSVFileName = "../v3/cypress/fixtures/map-data.csv"
+
+    cy.log("Opens a CODAP document from a local file using CFM dialog")
+
+    // Open the document from Hamburger menu
+    // Select file from dialog
+    cfm.getHamburgerMenuButton().click()
+    cfm.getHamburgerMenu().contains("li", "Open...").click()
+    cfm.getHamburgerMenu().should("not.exist")
+    cfm.getModalDialog().contains(".modal-dialog-title", "Open")
+    cfm.getModalDialog().contains("", "Local File").click()
+    cfm.getModalDialog()
+      .contains(".dropArea", "Drop file here or click here to select a file.")
+      .should("exist")
+      .click({force:true})
+    cy.get('input[type=file]').selectFile(fileName)
+
+    // Verify table in Mammals exists
+    table.getAttribute("Order").should("have.text", "Order")
+    table.getGridCell(2, 2).should("contain", "African Elephant")
+
+    // Close the document
+    cfm.closeDocument()
+
+    // Verify document was closed (table doesn't exist)
+    c.checkComponentDoesNotExist("table")
+
+    cy.log("Opens a CODAP document from a local file using drag and drop")
+    // Open file using drag and drop
+    cfm.openLocalDoc(fileName)
+
+    // Verify existence of table in Mammals
+    table.getAttribute("Order").should("have.text", "Order")
+    table.getGridCell(2, 2).should("contain", "African Elephant")
+
+    // Close the document
+    cfm.closeDocument()
+
+    // Verify document was closed (table doesn't exist)
+    c.checkComponentDoesNotExist("table")
+
+    cy.log("Opens a CSV document from a local file using drag and drop")
+    cfm.openLocalDoc(CSVFileName)
+
+    // Verify existence of table in Map data
+    table.getAttribute("state").should("have.text", "state")
+    table.getGridCell(2, 2).should("contain", "Alabama")
+
+    // Close the document
+    cfm.closeDocument()
+
+    // Verify document was closed (Map data table doesn't exist)
+    c.checkComponentDoesNotExist("table")
+  })
 })

v3/cypress/support/elements/cfm.ts

@@ -2,6 +2,10 @@ export const CfmElements = {
   openLocalDoc(filename: string) {
     cy.get('#codap-app-id').selectFile(filename, { action: 'drag-drop' })
   },
+  closeDocument() {
+    this.getHamburgerMenuButton().click()
+    this.getHamburgerMenu().contains("li", "Close").click()
+  },
   getMenuBar() {
     return cy.get('#codap-menu-bar-id')
   },
@@ -19,5 +23,10 @@ export const CfmElements = {
     this.getHamburgerMenu().find("li").contains("Open...").click()
     this.getModalDialog().find(".selectable").contains(filename).eq(0).click()
     this.getModalDialog().find("button").contains("Open").click()
+  },
+  openLocalFile(filename: string) {
+    this.getHamburgerMenuButton().click()
+    this.getHamburgerMenu().find("li").contains("Open...").click()
+    this.getModalDialog().find(".selectable").contains(filename).eq(1).click()
   }
 }