Cleanup, comments, e2e

e2e/form.spec.ts

@@ -0,0 +1,68 @@
+//TODO Install playwright
+
+import { expect, test } from "@playwright/test"
+
+//Form load and initial state validation
+test("form loads correctly with initial state", async ({ page }) => {
+    await page.goto("/"); //Home URL
+  
+    // Check if specific fields are present and empty
+    await expect(page.locator('input[name="importName"]')).toBeEmpty();
+    await expect(page.locator('input[name="manifestFile"]')).toBeEmpty();
+
+    await expect(page.locator('input[name="toleranceWindow"]')).not.toBeChecked();
+    // Verify that no option is selected initially for "splitSchedule"
+    await expect(page.locator('input[name="splitSchedule"]:checked')).toHaveCount(0);
+
+    // Verify that no option is selected initially for "client"
+    await expect(page.locator('input[name="client"]:checked')).toHaveCount(0);
+  
+    // Check for the presence of the submit button and that it's initially disabled
+    const submitButton = page.locator('button', { hasText: 'Continue Import' });
+    await expect(submitButton).toBeDisabled();
+  });
+
+  //File upload validation
+  test("handles file upload correctly", async ({ page }) => {
+    await page.goto("/");
+  
+    // Simulate file upload
+    await page.setInputFiles('input[type="file"]', '/e2e/testFile.txt');
+  
+    // Check if the file name is displayed correctly
+    await expect(page.locator('.file-info')).toHaveText(/testFile.txt/);
+  
+    // Optionally, check for the upload progress bar to reach 100%
+    await expect(page.locator('.upload-progress')).toHaveCSS('width', '100%');
+  });
+
+  //Toggle and submit interactions
+  test("toggles a switch and submits the form", async ({ page }) => {
+    await page.goto("/");
+  
+    // Toggle a switch
+    await page.locator('input[name="toleranceWindow"]').click();
+    await expect(page.locator('input[name="toleranceWindow"]')).toBeChecked();
+  
+    // Fill in other required fields
+    // Select an option from "importName" dropdown
+    await page.locator('select[name="importName"]').selectOption({ label: "Import ABC" });
+
+    // Upload a file for "manifestFile"
+    await page.locator('input[name="manifestFile"]').setInputFiles('/e2e/testFile.txt');
+
+    // Select an option for "splitSchedule"
+    await page.locator('input[name="splitSchedule"][value="Yes"]').click();
+
+    // Select an option for "client"
+    await page.locator('input[name="client"][value="Single"]').click();
+
+    // Enable and click the submit button
+    const submitButton = page.locator('button', { hasText: 'Continue Import' });
+    await expect(submitButton).toBeEnabled();
+    await submitButton.click();
+  
+    // Verify submission was successful
+    await expect(page.locator('.success-message')).toHaveText(/Success/);
+  });
+

e2e/testFile.txt

@@ -0,0 +1 @@
+File to be used to test the file upload field