moving

tests/login-flow.spec.ts

@@ -0,0 +1,46 @@
+import { test, expect } from '@playwright/test';
+
+const loginEmail = process.env.WAGGLE_E2E_LOGIN_EMAIL;
+const loginPassword = process.env.WAGGLE_E2E_LOGIN_PASSWORD;
+
+test.describe('optional Clerk login flow', () => {
+  test.skip(
+    !loginEmail || !loginPassword,
+    'Set WAGGLE_E2E_LOGIN_EMAIL and WAGGLE_E2E_LOGIN_PASSWORD to run the live login flow.',
+  );
+
+  test('signs in with configured test credentials', async ({ page }, testInfo) => {
+    await page.goto('/auth');
+
+    const accountlessNotice = page.getByText(/local-first|accountless/i).first();
+    if (await accountlessNotice.isVisible({ timeout: 2_000 }).catch(() => false)) {
+      test.skip(true, 'Clerk is not configured for this environment.');
+    }
+
+    const emailInput = page
+      .locator('input[name="identifier"], input[name="emailAddress"], input[type="email"]')
+      .first();
+    await expect(emailInput).toBeVisible({ timeout: 10_000 });
+    await emailInput.fill(loginEmail!);
+
+    const continueButton = page
+      .getByRole('button', { name: /continue|next|sign in|log in/i })
+      .first();
+    if (await continueButton.isVisible({ timeout: 2_000 }).catch(() => false)) {
+      await continueButton.click();
+    }
+
+    const passwordInput = page.locator('input[name="password"], input[type="password"]').first();
+    await expect(passwordInput).toBeVisible({ timeout: 10_000 });
+    await passwordInput.fill(loginPassword!);
+
+    await page.getByRole('button', { name: /continue|sign in|log in/i }).first().click();
+    await page.waitForURL((url) => !url.pathname.startsWith('/auth'), { timeout: 20_000 });
+
+    await testInfo.attach('post-login-url', {
+      body: page.url(),
+      contentType: 'text/plain',
+    });
+    await expect(page.locator('body')).not.toBeEmpty();
+  });
+});