seahaven-ap/e2e/invoice-columns.spec.ts
Adam Moussa ee2f7a9902
feat(web): add Columns slide-over with Stampli HTML defaults (AP-45) (#18)
* feat(web): fix shell chrome, logo home, and live nav badges

Refs: AP-42

* feat(web): add invoice grid lines and bold headers

Refs: AP-44

* feat(web): support auto row height for multi-line invoice cells

Refs: AP-44

* feat(web): expand mock invoice fields for Stampli column catalog

Refs: AP-47

* feat(web): add Action and Vendor filters to invoice processing

Refs: AP-43

* feat(web): add multi-line Stampli invoice cell renderers

Refs: AP-47

* feat(web): align filter toolbar layout, field shapes, and tabs

Refs: AP-43

* feat(web): add Columns slide-over with Stampli HTML defaults

Refs: AP-45

* fix(web): address review feedback

* fix(web): address review feedback

* fix(web): address review feedback

* ci: remove the pr policy caller

* fix(web): keep mock catalog dates and updates in sync

* fix(web): render the attention banner as text

* fix(web): keep pay date editable on the approved grid

* fix(web): make the attention banner non-interactive copy

* fix(web): derive mock action labels from invoice status

* fix(web): restore link-style attention banner copy

* fix(ci): drop the unused catalog refresh index

* fix(web): assert the vendor column by its grid field

* fix(ci): format invoice mock helpers

* fix(web): hide Payment Date when the drawer omits it

* fix(web): count filtered rows on invoice tabs

* fix(web): close the columns drawer before editing pay date
2026-09-25 22:28:05 +00:00

64 lines
2.3 KiB
TypeScript

import { expect, test } from "@playwright/test";
test.describe("Invoice Processing columns drawer (AP-45)", () => {
test("Columns drawer can hide Tagging and Reset restores it", async ({ page }) => {
await page.goto("/");
await expect(
page.getByTestId("grid-pending").locator('.MuiDataGrid-columnHeader[data-field="tagging"]'),
).toBeVisible();
await page.getByTestId("columns-toggle").click();
const drawer = page.getByTestId("columns-drawer");
await expect(drawer).toBeVisible();
const taggingRow = drawer.getByTestId("columns-visible-tagging");
await taggingRow.scrollIntoViewIfNeeded();
await taggingRow.locator('input[type="checkbox"]').evaluate((el: HTMLInputElement) => {
el.click();
});
await expect(
page.getByTestId("grid-pending").locator('.MuiDataGrid-columnHeader[data-field="tagging"]'),
).toHaveCount(0);
await drawer.getByTestId("columns-selector-reset-button").evaluate((el: HTMLElement) => {
el.click();
});
await expect(
page.getByTestId("grid-pending").locator('.MuiDataGrid-columnHeader[data-field="tagging"]'),
).toBeVisible();
});
test("locked Vendor column stays visible and Reset clears the hidden search", async ({
page,
}) => {
await page.goto("/");
await page.getByTestId("columns-toggle").click();
const drawer = page.getByTestId("columns-drawer");
const vendorBox = drawer
.getByTestId("columns-visible-vendor")
.locator('input[type="checkbox"]');
await expect(vendorBox).toBeDisabled();
await vendorBox.evaluate((el: HTMLInputElement) => {
el.disabled = false;
el.click();
});
await expect(
page
.getByTestId("grid-pending")
.locator('.MuiDataGrid-columnHeader[data-field="vendorName"]'),
).toBeVisible();
await page.getByTestId("tab-ready").evaluate((el: HTMLElement) => {
el.click();
});
await expect(
page.getByTestId("grid-ready").locator('.MuiDataGrid-columnHeader[data-field="vendorName"]'),
).toBeVisible();
const search = drawer.getByTestId("columns-hidden-search");
await search.fill("no-such-column");
await drawer.getByTestId("columns-selector-reset-button").evaluate((el: HTMLElement) => {
el.click();
});
await expect(search).toHaveValue("");
});
});