77 lines
3.5 KiB
TypeScript
77 lines
3.5 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
test.describe('Instructor Flow', () => {
|
|
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();
|
|
|
|
console.log(`Starting Instructor Test for ${email} on ${baseURL}`);
|
|
|
|
// 0. Register new instructor
|
|
await page.goto('/auth/register');
|
|
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")');
|
|
|
|
// 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
|
|
// Handle prompt for course name
|
|
page.on('dialog', async dialog => {
|
|
console.log(`Dialog message: ${dialog.message()}`);
|
|
await dialog.accept(courseName);
|
|
});
|
|
|
|
// Click "Manual" button to create course manually
|
|
await page.click('button:has-text("Manual")');
|
|
|
|
// 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")');
|
|
}
|
|
|
|
// 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}")`);
|
|
|
|
// 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');
|
|
|
|
// 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');
|
|
});
|
|
});
|