mARTin
c82572935c
- Add dark mode color adjustment helper for category colors - Support multiple motivational quote source URLs - Fix text wrapping for tasks/events to prevent horizontal overflow - Improve someday list item layout for long text - Add CLAUDE.md with semantic versioning and git workflow rules - Update test/doc URLs and planning docs v1.1.0 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
51 lines
1.9 KiB
TypeScript
51 lines
1.9 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
test.describe('Login Page Core Functionality', () => {
|
|
test('should load the login page with core elements', async ({ page }) => {
|
|
await page.goto('http://localhost:3001/auth/login');
|
|
|
|
// Basic page verification
|
|
await expect(page).toHaveURL(/login/);
|
|
await expect(page).toHaveTitle(/Weekly To Do List/);
|
|
|
|
// Check that the page has essential structure
|
|
const h1Element = page.locator('h1');
|
|
await expect(h1Element).toBeVisible();
|
|
|
|
// Check for a login-related paragraph
|
|
const loginParagraph = page.getByText(/Sign in to your account|Welcome back!/);
|
|
await expect(loginParagraph).toBeVisible();
|
|
|
|
// Check for form elements
|
|
const emailInput = page.locator('input[name="email"]');
|
|
const passwordInput = page.locator('input[name="password"]');
|
|
const submitButton = page.locator('button[type="submit"]');
|
|
|
|
await expect(emailInput).toBeVisible();
|
|
await expect(passwordInput).toBeVisible();
|
|
await expect(submitButton).toBeVisible();
|
|
|
|
// Check for links
|
|
const signupLink = page.getByRole('link', { name: /Don't have an account|Create account/ });
|
|
const forgotPasswordLink = page.getByRole('link', { name: /Forgot your password/ });
|
|
|
|
await expect(signupLink).toBeVisible();
|
|
await expect(forgotPasswordLink).toBeVisible();
|
|
|
|
console.log('✅ Login page loaded successfully with core elements');
|
|
});
|
|
|
|
test('should have basic CSS structure', async ({ page }) => {
|
|
await page.goto('http://localhost:3001/auth/login');
|
|
|
|
// Check that the page has basic styling structure
|
|
const body = page.locator('body');
|
|
await expect(body).toBeVisible();
|
|
|
|
// Check for main wrapper div that should have Tailwind classes
|
|
const mainWrapper = page.locator('[class*="min-h-screen"]');
|
|
await expect(mainWrapper).toBeVisible();
|
|
|
|
console.log('✅ Basic CSS structure verified');
|
|
});
|
|
}); |