69 lines
2.6 KiB
TypeScript
69 lines
2.6 KiB
TypeScript
|
//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/);
|
||
|
|
});
|
||
|
|
|