import { expect, test } from "@playwright/test";
import { completeOnboarding, signup } from "./helpers";

test.use({ viewport: { width: 390, height: 844 }, isMobile: true, hasTouch: true });

test("German UI localizes goal placeholder and question in intake", async ({ page }) => {
  await page.addInitScript(() => {
    Object.defineProperty(navigator, "language", { value: "de-DE", configurable: true });
    localStorage.setItem("rakazo.uiLocale", "de");
  });
  const stamp = Date.now();
  await signup(page, `intake-de-${stamp}@rakazo.test`, "password12", "Deutsch Intake");
  await completeOnboarding(page, undefined, { mainConversation: true });
  await page.getByTestId("focus-choice-day").click();

  const goal = page.locator('[data-testid="choice-card"][data-step="goal"]');
  await expect(goal).toContainText("Was möchtest du in den nächsten Wochen erledigt bekommen?");
  await expect(
    goal.getByRole("textbox", {
      name: "Was möchtest du in den nächsten Wochen erledigt bekommen?",
    }),
  ).toHaveAttribute("placeholder", "Dein Ziel");
});