Code-MCP

import { test, expect } from '@playwright/test'; // ============================================ // E2E Tests // ============================================ test.describe('Authentication Flow', () => { test.beforeEach(async ({ page }) => { await page.goto('/login'); }); test('should login with valid credentials', async ({ page }) => { // Fill form await page.getByLabel('Email').fill('user@example.com'); await page.getByLabel('Password').fill('password123'); // Submit await page.getByRole('button', { name: 'Sign In' }).click(); // Verify redirect and content await expect(page).toHaveURL('/dashboard'); await expect(page.getByText('Welcome Back')).toBeVisible(); }); test('should show error on invalid credentials', async ({ page }) => { await page.getByLabel('Email').fill('wrong@example.com'); await page.getByLabel('Password').fill('wrongpass'); await page.getByRole('button', { name: 'Sign In' }).click(); await expect(page.getByText('Invalid email or password')).toBeVisible(); await expect(page).toHaveURL('/login'); }); }); test.describe('Navigation', () => { test('should navigate between pages', async ({ page }) => { await page.goto('/'); await page.getByRole('link', { name: 'About' }).click(); await expect(page).toHaveURL('/about'); await expect(page.locator('h1')).toContainText('About Us'); await page.getByRole('link', { name: 'Home' }).click(); await expect(page).toHaveURL('/'); }); }); // ============================================ // API Testing // ============================================ test.describe('API Endpoint', () => { test('should create a new post', async ({ request }) => { const response = await request.post('/api/posts', { data: { title: 'Playwright Test', content: 'Testing API endpoints', }, }); expect(response.ok()).toBeTruthy(); const data = await response.json(); expect(data).toHaveProperty('id'); expect(data.title).toBe('Playwright Test'); }); }); // ============================================ // Visual Regression Testing // ============================================ test('homepage should match screenshot', async ({ page }) => { await page.goto('/'); await expect(page).toHaveScreenshot('landing-page.png'); }); // ============================================ // Mobile Viewport Request // ============================================ test.use({ viewport: { width: 375, height: 667 } }); // iPhone SE test('should display mobile menu', async ({ page }) => { await page.goto('/'); await expect(page.locator('.mobile-menu-btn')).toBeVisible(); });