From 4e5bb2d445e29ed236a38cc2bde38b5bbfe6b793 Mon Sep 17 00:00:00 2001
From: Karol Wypchlo <kwypchlo@gmail.com>
Date: Fri, 4 Feb 2022 15:14:37 +0100
Subject: [PATCH] reenable end to end uploader test

---
 .../cypress/integration/intergration.spec.js  | 33 +++++++++----------
 .../src/components/Uploader/Uploader.js       |  8 +++--
 .../components/Uploader/UploaderElement.js    |  2 +-
 3 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/packages/website/cypress/integration/intergration.spec.js b/packages/website/cypress/integration/intergration.spec.js
index bc739cd4..2699c853 100644
--- a/packages/website/cypress/integration/intergration.spec.js
+++ b/packages/website/cypress/integration/intergration.spec.js
@@ -9,27 +9,26 @@ context("Skynet website", () => {
     cy.contains("Decentralized Internet");
   });
 
-  // it("should be able to upload a file", () => {
-  //   cy.intercept("POST", "/skynet/skyfile").as("upload");
+  it("should be able to upload a file", () => {
+    cy.intercept("POST", "/skynet/skyfile").as("upload");
 
-  //   const fileName = "check.json";
+    const fileName = "example.json";
 
-  //   cy.wait(1000); // delay for drag-and-drop to work properly every time
-  //   cy.get('.home-upload input[type="file"]').attachFile(fileName, { subjectType: "drag-n-drop" });
+    cy.wait(1000); // delay for drag-and-drop to work properly every time
+    cy.get('.home-upload-dropzone input[type="file"]').attachFile(fileName, { force: true });
 
-  //   cy.get(".home-upload").scrollIntoView();
-  //   cy.get(".home-uploaded-files").children().should("have.length", 1);
+    cy.get(".home-uploaded-files").children().should("have.length", 1);
 
-  //   // wait max 2 minutes, the portal might be slow at times
-  //   cy.wait("@upload", { responseTimeout: 2 * 60 * 1000 });
+    // wait max 2 minutes, the portal might be slow at times
+    cy.wait("@upload", { responseTimeout: 2 * 60 * 1000 });
 
-  //   cy.contains(".upload-file", fileName).within(() => {
-  //     cy.get(".url")
-  //       .invoke("text")
-  //       .should("match", /\/[a-zA-Z0-9-_]{46}/);
+    cy.contains(".upload-file", fileName).within(() => {
+      cy.get("a")
+        .invoke("text")
+        .should("match", /\/[a-zA-Z0-9-_]{46}/);
 
-  //     cy.contains("Copy Link").click();
-  //     cy.contains("Copied!").should("be.visible");
-  //   });
-  // });
+      cy.contains("Copy").click();
+      cy.contains("Copied").should("be.visible");
+    });
+  });
 });
diff --git a/packages/website/src/components/Uploader/Uploader.js b/packages/website/src/components/Uploader/Uploader.js
index 5772bca9..1ddd021f 100644
--- a/packages/website/src/components/Uploader/Uploader.js
+++ b/packages/website/src/components/Uploader/Uploader.js
@@ -164,9 +164,11 @@ const Uploader = () => {
 
         {uploads.length > 0 && (
           <div className="flex flex-col space-y-5 px-4 py-10 desktop:p-14">
-            {uploads.map((upload) => (
-              <UploaderElement key={upload.id} onUploadStateChange={onUploadStateChange} upload={upload} />
-            ))}
+            <div className="home-uploaded-files">
+              {uploads.map((upload) => (
+                <UploaderElement key={upload.id} onUploadStateChange={onUploadStateChange} upload={upload} />
+              ))}
+            </div>
 
             {showAccountFeatures && (
               <div className="z-0 relative flex flex-col items-center space-y-1 pt-8">
diff --git a/packages/website/src/components/Uploader/UploaderElement.js b/packages/website/src/components/Uploader/UploaderElement.js
index e52b4028..0591d369 100644
--- a/packages/website/src/components/Uploader/UploaderElement.js
+++ b/packages/website/src/components/Uploader/UploaderElement.js
@@ -110,7 +110,7 @@ export default function UploaderElement({ onUploadStateChange, upload }) {
   }, [onUploadStateChange, upload, retryTimeout]);
 
   return (
-    <div>
+    <div className="upload-file">
       <div className="flex items-center">
         {upload.status === "enqueued" && <ArrowUpCircle className="flex-shrink-0 fill-current text-palette-300" />}
         {upload.status === "retrying" && <ArrowUpCircle className="flex-shrink-0" />}