test(ui): update Lighthouse settings layout assertions

This commit is contained in:
alejandrobailo
2026-07-02 18:09:45 +02:00
parent a196830487
commit bdbef27728
3 changed files with 17 additions and 8 deletions
@@ -60,7 +60,7 @@ export function LighthouseV2BusinessContextForm({
<Card
variant="inner"
padding="none"
data-slot="lighthouse-v2-business-context"
data-lighthouse-v2-business-context=""
className="gap-4 p-4 md:p-5"
>
<div className="flex items-start gap-3">
@@ -108,14 +108,23 @@ describe("LighthouseV2ConfigPage", () => {
const settingsSeparator = container.querySelector(
'[data-slot="settings-separator"]',
);
const innerCards = settingsCard.querySelectorAll('[data-slot="card"]');
expect(settingsCard).toHaveAttribute("data-slot", "card");
expect(settingsCard).toHaveClass("w-full", "gap-0", "overflow-hidden");
expect(settingsCard).not.toHaveClass("mx-auto", "max-w-7xl");
expect(settingsSeparator).toHaveClass(
"border-t",
"xl:border-t-0",
"xl:border-l",
expect(settingsCard).toHaveClass("w-full", "gap-4", "p-4", "md:p-5");
expect(settingsCard).not.toHaveClass(
"gap-0",
"overflow-hidden",
"mx-auto",
"max-w-7xl",
);
expect(settingsSeparator).toBeNull();
expect(innerCards).toHaveLength(3);
innerCards.forEach((card) =>
expect(card).toHaveClass(
"border-border-neutral-tertiary",
"bg-bg-neutral-tertiary",
),
);
expect(settingsCard).toContainElement(openAIProvider);
expect(openAIProvider).toHaveAttribute("aria-pressed", "true");
@@ -152,7 +152,7 @@ export function LighthouseV2ConfigPage({
<Card
variant="inner"
padding="md"
data-slot="lighthouse-v2-business-context-empty"
data-lighthouse-v2-business-context-empty=""
className="text-text-neutral-secondary text-sm"
>
Configure a provider first to add shared business context.