Files
Jordan Ritter dd06dd89d1 refactor(showcase): rename packages/ to integrations/
The showcase framework directories better reflect their role as
integration examples rather than distributable packages.
Renames showcase/packages/ -> showcase/integrations/ and updates
the test docker-compose file reference accordingly.
2026-04-28 07:47:35 -07:00

31 lines
955 B
TypeScript

import { test, expect } from "@playwright/test";
test.describe("Frontend Tools", () => {
test.beforeEach(async ({ page }) => {
await page.goto("/demos/frontend-tools");
});
test("background container visible with default background", async ({
page,
}) => {
await expect(
page.locator('[data-testid="background-container"]'),
).toBeVisible();
});
test("background change request updates background style", async ({
page,
}) => {
const input = page.locator('textarea, [placeholder*="message"]').first();
await input.fill("Change the background to a blue-to-purple gradient");
await input.press("Enter");
await expect(page.locator('[data-role="assistant"]').first()).toBeVisible({
timeout: 30000,
});
const bg = page.locator('[data-testid="background-container"]');
await expect(bg).not.toHaveCSS("background-color", "rgb(250, 250, 249)", {
timeout: 15000,
});
});
});