[ENH] Automated upload functionality

cypress.config.ts

@@ -6,6 +6,8 @@ export default defineConfig({
   e2e: {
     experimentalStudio: true,
     baseUrl: 'http://localhost:5173',
+    viewportWidth: 1920,
+    viewportHeight: 1080,
     setupNodeEvents(on, config) {
       codeCoverageTask(on, config);
       return config;

cypress/e2e/APIRequests.cy.ts

@@ -0,0 +1,45 @@
+import { successResponse } from 'cypress/fixtures/mocked-responses';
+
+describe('API Requests', () => {
+  it('Tests the upload request with a mock response and inspects the request body', () => {
+    cy.intercept(
+      {
+        method: 'PUT',
+        url: '/openneuro/upload*',
+      },
+      (req) => {
+        req.reply(successResponse);
+      }
+    ).as('uploadFile');
+
+    cy.visit('http://localhost:5173');
+
+    cy.get('[data-cy="upload-ds000001-button"]').click();
+    cy.get('[data-cy="user-name-field"]').type('John Doe');
+    cy.get('[data-cy="email-field"]').type('[email protected]');
+    cy.get('[data-cy="changes-summary-field"]').type('This is a summary of the changes');
+
+    cy.get('input[type="file"]').attachFile('participants.json');
+
+    cy.contains('File uploaded: participants.json');
+
+    cy.get('[data-cy="submit-button"]').click();
+
+    cy.wait('@uploadFile').then((interception) => {
+      const requestBody = interception.request.body;
+
+      expect(requestBody).to.include(
+        'Content-Disposition: form-data; name="data_dictionary"; filename="participants.json"'
+      );
+
+      expect(requestBody).to.include('Content-Disposition: form-data; name="name"');
+      expect(requestBody).to.include('John Doe');
+
+      expect(requestBody).to.include('Content-Disposition: form-data; name="email"');
+      expect(requestBody).to.include('[email protected]');
+
+      expect(requestBody).to.include('Content-Disposition: form-data; name="changes_summary"');
+      expect(requestBody).to.include('This is a summary of the changes');
+    });
+  });
+});

cypress/e2e/simple.cy.ts

@@ -1,8 +1,8 @@
 describe('Simple Test', () => {
   it('Renders elements', () => {
     cy.visit('http://localhost:5173');
-    cy.get('[data-cy="upload-tab"]').click();
-    cy.get('[data-cy="dataset-id-field"]').should('be.visible');
+    cy.get('[data-cy="upload-ds000001-button"]').click();
+    cy.get('[data-cy="repo-name-field"]').should('be.visible');
     cy.get('[data-cy="upload-file-button"]').should('be.visible');
     cy.get('[data-cy="submit-button"]').should('be.visible');
   });

cypress/fixtures/mocked-responses.ts

@@ -0,0 +1,4 @@
+export const successResponse = {
+  pull_request_url: 'https://someurl.com',
+  message: 'Successfully uploaded file to OpenNeuroDatasets-JSONLD.',
+};

cypress/fixtures/participants.json

@@ -0,0 +1,49 @@
+{
+  "age": {
+    "Annotations": {
+      "IsAbout": {
+        "TermURL": "nb:Age",
+        "Label": ""
+      },
+      "Transformation": {
+        "TermURL": "nb:FromInt",
+        "Label": "integer data"
+      },
+      "MissingValues": ["", "n/a", " "]
+    },
+    "Description": "There should have been a description here, but there wasn't. :("
+  },
+  "participant_id": {
+    "Annotations": {
+      "IsAbout": {
+        "TermURL": "nb:ParticipantID",
+        "Label": ""
+      },
+      "Identifies": "participant"
+    },
+    "Description": "There should have been a description here, but there wasn't. :("
+  },
+  "sex": {
+    "Annotations": {
+      "IsAbout": {
+        "TermURL": "nb:Sex",
+        "Label": ""
+      },
+      "Levels": {
+        "F": {
+          "TermURL": "snomed:248152002",
+          "Label": ""
+        },
+        "M": {
+          "TermURL": "snomed:248153007",
+          "Label": ""
+        },
+        "M,": {
+          "TermURL": "snomed:248153007",
+          "Label": ""
+        }
+      }
+    },
+    "Description": "There should have been a description here, but there wasn't. :("
+  }
+}

cypress/support/commands.ts

@@ -35,3 +35,5 @@
 //     }
 //   }
 // }
+
+import 'cypress-file-upload';