[Internship] Cypress E2E Web Automation | Interacting with Elements | Handling File Upload

 

import "cypress-file-upload";

describe("File Uploads", () => {
  it.skip("Single File Upload", () => {
    cy.visit("http://the-internet.herokuapp.com/upload");
    cy.get("#file-upload").attachFile("test1.pdf");
    cy.get("#file-submit").click();
    cy.wait(5000);
    cy.get("div[class='example'] h3").should("have.text", "File Uploaded!");
  });

  it.skip("File Upload - Rename", () => {
    cy.visit("http://the-internet.herokuapp.com/upload");
    cy.get("#file-upload").attachFile({
      filePath: "test1.pdf",
      fileName: "myfile.pdf",
    });
    cy.get("#file-submit").click();
    cy.wait(5000);
    cy.get("div[class='example'] h3").should("have.text", "File Uploaded!");
  });

  it.skip("File Upload - Drag and drop", () => {
    cy.visit("http://the-internet.herokuapp.com/upload");
    cy.get("#drag-drop-upload").attachFile("test1.pdf", {
      subjectType: "drag-n-drop",
    });
    cy.wait(5000);
    cy.get(
      "#drag-drop-upload > .dz-preview > .dz-details > .dz-filename > span"
    ).contains("test1.pdf");
  });

  it.skip("Multiple files Upload", () => {
    cy.visit("https://davidwalsh.name/demo/multiple-file-upload.php");
    cy.get("#filesToUpload").attachFile(["test1.pdf", "test2.pdf"]);
    cy.wait(5000);
    cy.get(":nth-child(6)>strong").should("contain.text", "Files You Selected");
  });

  it.skip("File upload - Shadow Dom", () => {
    cy.visit(
      "https://www.htmlelements.com/demos/fileupload/shadow-dom/index.html"
    );
    cy.get(".smart-browse-input", { includeShadowDom: true }).attachFile(
      "test1.pdf"
    );
    cy.wait(5000);
    cy.get(".smart-item-name", { includeShadowDom: true }).contains(
      "test1.pdf"
    );
  });
});