Jeppe Bundgaard
b39b458f4f
- Introduced `.prettierrc.json` to enforce consistent code formatting across the project. - Updated unit and e2e test files to address formatting issues, improve readability, and ensure alignment with the new Prettier configuration.
82 lines
3.2 KiB
TypeScript
82 lines
3.2 KiB
TypeScript
import { test, expect } from "@playwright/test";
|
|
import { loginAsUser, bookingTestData } from "./fixtures";
|
|
|
|
/** User "Book Wash" Tests */
|
|
// Entire flow: Login -> Book Wash -> Check if booking is created
|
|
test("[BOOKINGS][User][Creation] should create a new booking", async ({ page }) => {
|
|
const { departmentId, registrationNumber, reference, poNumber, notes } = bookingTestData;
|
|
|
|
// Login as user
|
|
await loginAsUser(page);
|
|
|
|
// Does the book wash button appear?
|
|
await expect(page.locator("#book-wash-button")).toBeVisible();
|
|
|
|
// Click the book wash button and check if it navigates to the booking page
|
|
await page.click('a[id="book-wash-button"]');
|
|
await expect(page).toHaveURL("/user/bookings/book");
|
|
|
|
// Select the department (Demo: 12)
|
|
const department_select_id = `#department-option-${departmentId}`;
|
|
await page.click(department_select_id);
|
|
|
|
// Enter the registration number (Demo: EC21233)
|
|
// Click the button to reveal the input field
|
|
await page.click("#reg1-button");
|
|
// Fill in the registration number
|
|
await page.fill("#reg1-input", registrationNumber);
|
|
// Press Enter to confirm the input
|
|
await page.press("#reg1-input", "Enter");
|
|
|
|
// Note: Vehicle type selection only shows if vehicle is registered in the system.
|
|
// EC21233 is not registered, so no suggestions appear. Proceed to next step.
|
|
|
|
// Click "Next step: Select add-ons" button to proceed
|
|
await page.click('button:has-text("Næste trin")');
|
|
|
|
// Select the product (Demo: first available product)
|
|
// Wait for products to load, then click the first product box
|
|
await page.waitForSelector(".pos-product-box");
|
|
await page.locator(".pos-product-box").first().click();
|
|
|
|
// Add-ons selection is optional
|
|
// Add-ons are displayed as clickable product rows (not buttons) after selecting a product
|
|
// Skip add-on selection for this basic test flow
|
|
|
|
// Select date and time
|
|
// The date/time picker uses a button with a calendar icon - click to open
|
|
// Default date is set automatically; skip if not required
|
|
|
|
// Set reference number (Demo: test_ref123)
|
|
await page.click('button:has-text("Tilføj reference")');
|
|
await page.fill("#reference", reference);
|
|
await page.press("#reference", "Enter");
|
|
|
|
// Set PO number (Demo: test_po123)
|
|
await page.click('button:has-text("Tilføj PO nummer")');
|
|
await page.fill("#poNumber", poNumber);
|
|
await page.press("#poNumber", "Enter");
|
|
|
|
// Set Note (Demo: test_note123)
|
|
await page.click('button:has-text("Tilføj note")');
|
|
await page.fill("#notes", notes);
|
|
await page.press("#notes", "Enter");
|
|
|
|
// Set Pickup (Demo: checked)
|
|
await page.check("#pickup");
|
|
|
|
// Go to confirmation page
|
|
await page.click("#go-to-confirmation-button");
|
|
|
|
// Verify the booking summary is displayed
|
|
await expect(page.locator("#booking-summary-title")).toBeVisible();
|
|
|
|
// Confirm the booking
|
|
// Use force: true because an icon overlay can intercept pointer events on some browsers
|
|
await page.click("#confirm-booking-button", { force: true });
|
|
|
|
// Verify booking was created successfully (redirect to user dashboard or success message)
|
|
// The exact verification depends on the application behavior after booking creation
|
|
await expect(page).toHaveURL(/\/user/);
|
|
});
|