3ab0306191
Implements a complete email client for platform staff members: Backend: - Add routing_mode field to PlatformEmailAddress (PLATFORM/STAFF) - Create staff_email app with models for folders, emails, attachments, labels - IMAP service for fetching emails with folder mapping - SMTP service for sending emails with attachment support - Celery tasks for periodic sync and full sync operations - WebSocket consumer for real-time notifications - Comprehensive API viewsets with filtering and actions Frontend: - Thunderbird-style three-pane email interface - Multi-account support with drag-and-drop ordering - Email composer with rich text editor - Email viewer with thread support - Real-time WebSocket updates for new emails and sync status - 94 unit tests covering models, serializers, views, services, and consumers 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
61 lines
2.5 KiB
TypeScript
61 lines
2.5 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
test('debug email page', async ({ page }) => {
|
|
// Enable console logging
|
|
page.on('console', msg => console.log('CONSOLE:', msg.type(), msg.text()));
|
|
page.on('pageerror', err => console.log('PAGE ERROR:', err.message));
|
|
|
|
// Track network requests
|
|
page.on('request', req => {
|
|
if (req.url().includes('staff-email') || req.url().includes('email_addresses')) {
|
|
console.log('REQUEST:', req.method(), req.url());
|
|
}
|
|
});
|
|
page.on('response', res => {
|
|
if (res.url().includes('staff-email') || res.url().includes('email_addresses')) {
|
|
console.log('RESPONSE:', res.status(), res.url());
|
|
}
|
|
});
|
|
|
|
// Step 1: Go to login page
|
|
console.log('Step 1: Going to login page...');
|
|
await page.goto('http://platform.lvh.me:5173/platform/login');
|
|
await page.screenshot({ path: 'step1-login-page.png' });
|
|
console.log('Login page URL:', page.url());
|
|
|
|
// Step 2: Fill login form
|
|
console.log('Step 2: Filling login form...');
|
|
await page.waitForSelector('input[type="email"], input[name="email"], input[placeholder*="email" i]', { timeout: 10000 });
|
|
await page.fill('input[type="email"], input[name="email"], input[placeholder*="email" i]', 'poduck@gmail.com');
|
|
await page.fill('input[type="password"], input[name="password"]', 'starry12');
|
|
await page.screenshot({ path: 'step2-filled-form.png' });
|
|
|
|
// Step 3: Submit login
|
|
console.log('Step 3: Submitting login...');
|
|
await page.click('button[type="submit"]');
|
|
|
|
// Wait for navigation
|
|
await page.waitForTimeout(3000);
|
|
await page.screenshot({ path: 'step3-after-login.png' });
|
|
console.log('After login URL:', page.url());
|
|
|
|
// Step 4: Navigate to email page
|
|
console.log('Step 4: Navigating to email page...');
|
|
await page.goto('http://platform.lvh.me:5173/platform/email');
|
|
await page.waitForTimeout(5000);
|
|
await page.screenshot({ path: 'step4-email-page.png' });
|
|
console.log('Email page URL:', page.url());
|
|
|
|
// Step 5: Check page content
|
|
console.log('Step 5: Checking page content...');
|
|
const html = await page.content();
|
|
console.log('Page HTML length:', html.length);
|
|
console.log('Contains "Get Messages":', html.includes('Get Messages'));
|
|
console.log('Contains "No email accounts":', html.includes('No email accounts'));
|
|
console.log('Contains "timm":', html.includes('timm'));
|
|
|
|
// Check for any visible text
|
|
const bodyText = await page.locator('body').textContent();
|
|
console.log('Body text (first 1000 chars):', bodyText?.substring(0, 1000));
|
|
});
|