b60b0a09f6
<!-- CURSOR_SUMMARY -->
> [!NOTE]
> Refines the setup banner UI (copy, layout, and badges), updates
SetupProviderCard to support a chip and typed subtitle, and adjusts e2e
to new OpenRouter button label.
>
> - **UI/Setup Banner (`src/components/SetupBanner.tsx`)**:
> - Rename step title to `2. Setup AI Access` and update helper copy.
> - Layout: show `google` and `openrouter` cards side-by-side; increase
title font sizes.
> - Add badges: `chip={Free}` on Google/OpenRouter; `chip={Recommended}`
on Dyad Pro.
> - Simplify Dyad Pro `subtitle` to a string; remove `GlobeIcon` usage.
> - "Other providers" card: tweak heading size and copy (remove
`OpenRouter`).
> - `OpenRouterSetupBanner`: use `chip` for "Free models available"
instead of `subtitle`.
> - **Component API (`src/components/SetupProviderCard.tsx`)**:
> - Add optional `chip` prop and render top-right badge.
> - Change `subtitle` type to `string`; adjust styles (relative
container, font sizes).
> - **E2E (`e2e-tests/setup.spec.ts`)**:
> - Update button selector to `Setup OpenRouter API Key` (remove
`Free`).
>
> <sup>Written by [Cursor
Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
991807b2edd4baa7a8ec7f4d47f867ba058ebf36. This will update automatically
on new commits. Configure
[here](https://cursor.com/dashboard?tab=bugbot).</sup>
<!-- /CURSOR_SUMMARY -->
29 lines
838 B
TypeScript
29 lines
838 B
TypeScript
import { testWithConfig } from "./helpers/test_helper";
|
|
import { expect } from "@playwright/test";
|
|
|
|
const testSetup = testWithConfig({
|
|
showSetupScreen: true,
|
|
});
|
|
|
|
testSetup("setup ai provider", async ({ po }) => {
|
|
await po.page
|
|
.getByRole("button", { name: "Setup Google Gemini API Key" })
|
|
.click();
|
|
await expect(
|
|
po.page.getByRole("heading", { name: "Configure Google" }),
|
|
).toBeVisible();
|
|
|
|
await po.page.getByRole("button", { name: "Go Back" }).click();
|
|
await po.page
|
|
.getByRole("button", { name: "Setup OpenRouter API Key" })
|
|
.click();
|
|
await expect(
|
|
po.page.getByRole("heading", { name: "Configure OpenRouter" }),
|
|
).toBeVisible();
|
|
|
|
await po.page.getByRole("button", { name: "Go Back" }).click();
|
|
await po.page
|
|
.getByRole("button", { name: "Setup other AI providers" })
|
|
.click();
|
|
});
|