next-enterprise/e2e/form.spec.ts
Jesus Vasquez c9dd083eae e2e tests
2024-03-05 21:32:42 -05:00

67 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 the default selected option is the placeholder value
await expect(page.locator('select[name="importName"] option').first()).toHaveText('Select Import Name:');
// Check if the file upload field indicates that no file is selected
await expect(page.locator('.file-info')).not.toBeVisible();
// 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/);
});
//Toggle and submit interactions
test("toggles a switch and submits the form", async ({ page }) => {
await page.goto("/");
// Toggle a switch
await page.locator('.toggle-switch').click();
// Wait for the 'aria-checked' attribute to become 'true'
await expect(page.locator('.toggle-switch')).toHaveAttribute('aria-checked', 'true', { timeout: 5000 });
// 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[type="file"]').setInputFiles('/e2e/testFile.txt');
// Select an option for "splitSchedule"
await page.locator('button[role="radio"][value="Yes"]').click();
// Select an option for "client"
await page.locator('button[role="radio"][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/);
});