add a test for the login page

sqlpage · Sep 15, 2024 · 392e4ae · 392e4ae
1 parent dd3d9a2
commit 392e4ae
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/tests/end-to-end/official-site.spec.ts b/tests/end-to-end/official-site.spec.ts
@@ -57,4 +57,23 @@ test('File upload', async ({ page }) => {
   });
   await page.getByRole('button', { name: 'Upload picture' }).click();
   await expect(page.locator('img[src^=data]').first().getAttribute('src')).resolves.toBe('data:image/svg+xml;base64,' + buffer.toString('base64'));
+});
+
+test('Authentication example', async ({ page }) => {
+  await page.goto(BASE + '/examples/authentication/login.sql');
+  await expect(page.getByRole('heading', { name: 'Authentication' })).toBeVisible();
+
+  const usernameInput = page.getByLabel('Username');
+  const passwordInput = page.getByLabel('Password');
+  const loginButton = page.getByRole('button', { name: 'Log in' });
+
+  await expect(usernameInput).toBeVisible();
+  await expect(passwordInput).toBeVisible();
+  await expect(loginButton).toBeVisible();
+
+  await usernameInput.fill('admin');
+  await passwordInput.fill('admin');
+  await loginButton.click();
+
+  await expect(page.getByText('You are logged in as admin')).toBeVisible();
 });