diff --git a/webview-ui/src/components/welcome/WelcomeViewProvider.tsx b/webview-ui/src/components/welcome/WelcomeViewProvider.tsx index d7eb66ad47..ef571b08cc 100644 --- a/webview-ui/src/components/welcome/WelcomeViewProvider.tsx +++ b/webview-ui/src/components/welcome/WelcomeViewProvider.tsx @@ -85,7 +85,7 @@ const WelcomeViewProvider = () => { return ( - +

{t("welcome:providerSignup.heading")}

diff --git a/webview-ui/src/components/welcome/__tests__/WelcomeViewProvider.spec.tsx b/webview-ui/src/components/welcome/__tests__/WelcomeViewProvider.spec.tsx index 1f11e5bae0..ec1bb2c538 100644 --- a/webview-ui/src/components/welcome/__tests__/WelcomeViewProvider.spec.tsx +++ b/webview-ui/src/components/welcome/__tests__/WelcomeViewProvider.spec.tsx @@ -34,7 +34,11 @@ vi.mock("../../settings/ApiOptions", () => ({ // Mock Tab components vi.mock("../../common/Tab", () => ({ Tab: ({ children }: any) =>
{children}
, - TabContent: ({ children }: any) =>
{children}
, + TabContent: ({ children, className }: any) => ( +
+ {children} +
+ ), })) // Mock RooHero @@ -133,6 +137,12 @@ describe("WelcomeViewProvider", () => { expect(screen.getByTestId("trans-welcome:providerSignup.chooseProvider")).toBeInTheDocument() }) + it("keeps the landing screen centered", () => { + renderWelcomeViewProvider() + + expect(screen.getByTestId("tab-content")).toHaveClass("justify-center") + }) + it("does not enter auth-in-progress state after clicking 'Get Started' on landing", () => { renderWelcomeViewProvider() @@ -172,6 +182,13 @@ describe("WelcomeViewProvider", () => { expect(screen.getByTestId("trans-welcome:providerSignup.chooseProvider")).toBeInTheDocument() }) + it("top-aligns provider setup content so tall forms remain reachable", () => { + renderWelcomeViewProvider() + navigateToProviderSelection() + + expect(screen.getByTestId("tab-content")).not.toHaveClass("justify-center") + }) + it("shows API options immediately", () => { renderWelcomeViewProvider() navigateToProviderSelection()