Nurfog/openccb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance Playwright E2E tests for instructor and student flows and optimize Docker build contexts.

Browse Source
This commit is contained in:
Juan Enrique Allende Cifuentes
2026-01-26 15:24:50 -03:00
parent 7a0a42ed25
commit d3a019541d
15 changed files with 318 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
e2e/tests/instructor-flow.spec.ts
+60 -33
View File
@@ -1,49 +1,76 @@
import { test, expect } from '@playwright/test';
test.describe('Instructor Flow', () => {
test('should login, create course, add content, and publish', async ({ page }) => {
test.setTimeout(60000); // 1 minute per test allowed
test('should login, create course, add content, and publish', async ({ page, baseURL }) => {
const email = `instructor_${Date.now()}@test.com`;
const courseName = 'Playwright E2E Course ' + Date.now();
// 0. Register (since DB might be empty)
console.log(`Starting Instructor Test for ${email} on ${baseURL}`);
// 0. Register new instructor
await page.goto('/auth/register');
await page.fill('[placeholder="Instructor Name"]', 'E2E Instructor');
await page.fill('[placeholder="instructor@openccb.com"]', email); // or input[type="email"]
await page.fill('[placeholder="••••••••"]', 'password123'); // or input[type="password"]
await page.click('button[type="submit"]');
await page.fill('input[placeholder="Instructor Name"]', 'E2E Instructor');
await page.fill('input[placeholder="instructor@openccb.com"]', email);
await page.fill('input[placeholder="••••••••"]', 'password123');
await page.click('button:has-text("Create Studio Workspace")');
// Wait for navigation - Register automatically logs in and redirects to /
// Increase timeout for cold starts in CI/Docker
await expect(page).toHaveURL('/', { timeout: 15000 });
// Verify dashboard loaded
await expect(page.locator('h2')).toContainText('My Courses', { timeout: 10000 });
// 1. Wait for dashboard redirection
// Initially it might redirect to / or /courses
await expect(page).toHaveURL('/');
// Check for dashboard header - adapt to allow Spanish or English
await expect(page.locator('h1')).toContainText(/Courses|Cursos/);
// 2. Create Course
// Usamos manejador de dialogo para el prompt
const courseName = 'Playwright E2E Course ' + Date.now();
page.on('dialog', dialog => dialog.accept(courseName));
await page.click('button:has-text("New Course")');
// Handle prompt for course name
page.on('dialog', async dialog => {
console.log(`Dialog message: ${dialog.message()}`);
await dialog.accept(courseName);
});
// Esperar a que aparezca el nuevo curso y hacer clic
await page.waitForTimeout(1000); // Wait for API
await page.click('text=Playwright E2E Course');
// Click "Manual" button to create course manually
await page.click('button:has-text("Manual")');
// 3. Add Module
await page.click('button:has-text("Add Module")');
await page.fill('[placeholder="Module Title"]', 'Module 1: Basics');
await page.click('button:has-text("Create Module")');
// If modal appears instead of prompt (based on recent code changes)
// Check if modal exists
const modalVisible = await page.isVisible('text=Create New Course');
if (modalVisible) {
await page.fill('input[placeholder*="Advanced Rust"]', courseName);
await page.click('button:has-text("Next"), button:has-text("Siguiente")');
}
// 4. Add Lesson
await page.click('button:has-text("Add Lesson")');
await page.fill('[placeholder="Lesson Title"]', 'Intro Lesson');
// Select video type (assuming it's default or select dropdown)
await page.click('button:has-text("Create Lesson")');
// 3. Verify Course Created and Enter Editor
// Wait for the new course card to appear
await expect(page.locator(`h3:has-text("${courseName}")`)).toBeVisible({ timeout: 10000 });
await page.click(`h3:has-text("${courseName}")`);
// 5. Publish
await page.click('button:has-text("Publish Course")');
// 4. Add Module
await expect(page).toHaveURL(/.*\/courses\/.*/);
await page.click('button:has-text("Add New Module"), button:has-text("Nuevo Módulo")');
// Edit module title (assuming it defaults to Module 1 and becomes editable or adds new one)
// Based on code: it creates empty module immediately. Let's find the input.
// It sets editingId to new module.
await page.fill('input[value=""]', 'Module 1: Basics');
await page.press('input[value="Module 1: Basics"]', 'Enter');
// Confirm publish
// Assuming there is a confirmation or toast
// await expect(page.locator('text=Published successfully')).toBeVisible();
// 5. Add Lesson
await page.click('button:has-text("New Lesson"), button:has-text("Nueva Lección")');
// Similar flow for lesson
await page.fill('input[value*="New Lesson"]', 'Intro Lesson');
await page.press('input[value="Intro Lesson"]', 'Enter');
// 6. Publish Course
await page.click('button:has-text("Publish Course"), button:has-text("Publicar")');
// Handle alert for success
// page.on('dialog') handler is already set, but we might need a specific one for "Published successfully"
// Since we can't easily assert alert content in Playwright without triggering it,
// we assume the earlier handler might catch it or we just check button state change if any.
// Wait a bit for async publish
await page.waitForTimeout(2000);
console.log('Instructor flow completed successfully');
});
});