103 lines
4.1 KiB
TypeScript
103 lines
4.1 KiB
TypeScript
import { expect, test } from '@playwright/test';
|
|
|
|
const areaName = 'Drinks';
|
|
const additionalProduct = 'Pump 750';
|
|
|
|
test.describe('Active pick list', () => {
|
|
test('creates a pick list and adds products from the search bar', async ({ page }) => {
|
|
await page.goto('/');
|
|
|
|
await expect(page.getByRole('heading', { name: 'StockFill' })).toBeVisible();
|
|
await page.getByRole('link', { name: 'Create Pick List' }).click();
|
|
await page.getByLabel('Area').click();
|
|
await page.getByRole('option', { name: areaName }).first().click();
|
|
await page.getByRole('button', { name: 'Save Pick List' }).click();
|
|
|
|
await expect(page.getByRole('heading', { name: `${areaName} List` })).toBeVisible();
|
|
|
|
const searchInput = page.getByPlaceholder('Search products');
|
|
await searchInput.click();
|
|
await searchInput.fill(additionalProduct);
|
|
await page
|
|
.getByRole('option', { name: new RegExp(`${additionalProduct} \\(${areaName}\\)`, 'i') })
|
|
.first()
|
|
.click();
|
|
|
|
await expect(page.getByText(additionalProduct).first()).toBeVisible();
|
|
await expect(page.getByRole('button', { name: 'Save and Return' })).toBeEnabled();
|
|
});
|
|
|
|
test('allows adding and editing products from the manage products screen', async ({ page }) => {
|
|
await page.goto('/');
|
|
|
|
await page.getByRole('link', { name: 'Manage Products' }).click();
|
|
|
|
await page.getByLabel('Name').click();
|
|
await page.getByLabel('Name').fill('Playwright Cola');
|
|
await page.getByLabel('Add product category').click();
|
|
await page.getByRole('option', { name: 'Drinks' }).click();
|
|
await page.getByRole('button', { name: 'Save Product' }).click();
|
|
|
|
await expect(page.getByText('Product added.')).toBeVisible();
|
|
await expect(page.getByText('Playwright Cola')).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: 'Edit Playwright Cola' }).click();
|
|
|
|
const editNameField = page.getByLabel('Name').nth(1);
|
|
await expect(editNameField).toBeVisible();
|
|
await editNameField.fill('Playwright Cola Zero');
|
|
|
|
const saveButton = page.locator('[aria-label="Save product"]');
|
|
await expect(saveButton).toBeEnabled();
|
|
await saveButton.click();
|
|
|
|
await expect(page.getByText('Playwright Cola Zero')).toBeVisible();
|
|
});
|
|
|
|
test('toggles packaging type and persists the selection', async ({ page }) => {
|
|
await page.goto('/');
|
|
|
|
await page.getByRole('link', { name: 'Create Pick List' }).click();
|
|
await page.getByLabel('Area').click();
|
|
await page.getByRole('option', { name: areaName }).first().click();
|
|
await page.getByRole('button', { name: 'Save Pick List' }).click();
|
|
|
|
await expect(page.getByRole('heading', { name: `${areaName} List` })).toBeVisible();
|
|
|
|
const searchInput = page.getByPlaceholder('Search products');
|
|
await searchInput.click();
|
|
await searchInput.fill(additionalProduct);
|
|
await page
|
|
.getByRole('option', { name: new RegExp(`${additionalProduct} \\(${areaName}\\)`, 'i') })
|
|
.first()
|
|
.click();
|
|
|
|
const increaseButton = page.getByLabel('Increase quantity');
|
|
await increaseButton.click();
|
|
await expect(page.getByText('Qty: 2 unit')).toBeVisible();
|
|
|
|
await page.getByLabel('Switch to carton packaging').click();
|
|
await expect(page.getByText('Qty: 2 carton')).toBeVisible();
|
|
|
|
await page.getByLabel('Decrease quantity').click();
|
|
await expect(page.getByText('Qty: 1 carton')).toBeVisible();
|
|
|
|
await page.getByLabel('Switch to unit packaging').click();
|
|
await expect(page.getByText('Qty: 1 unit')).toBeVisible();
|
|
|
|
await increaseButton.click();
|
|
await increaseButton.click();
|
|
await page.getByLabel('Switch to carton packaging').click();
|
|
await expect(page.getByText('Qty: 3 carton')).toBeVisible();
|
|
|
|
await page.getByRole('button', { name: 'Save and Return' }).click();
|
|
await expect(page.getByRole('heading', { name: 'Pick Lists' })).toBeVisible();
|
|
|
|
await page.reload();
|
|
await page.getByRole('link', { name: areaName }).first().click();
|
|
await expect(page.getByRole('heading', { name: `${areaName} List` })).toBeVisible();
|
|
await expect(page.getByText('Qty: 3 carton')).toBeVisible();
|
|
await expect(page.getByLabel('Switch to unit packaging')).toBeVisible();
|
|
});
|
|
});
|