129 lines
6.0 KiB
TypeScript
129 lines
6.0 KiB
TypeScript
import { test, expect, type Page } from '@playwright/test';
|
|
|
|
// ── Schedules (scheduled task CRUD) E2E ───────────────────────────────────────
|
|
//
|
|
// REQUIRES `npm run test:e2e` + a running server (ui/playwright.config.ts boots
|
|
// the real orchestrator with auth OFF → synthetic 'local' user). This does NOT
|
|
// run in the sandbox — there is no live server here.
|
|
//
|
|
// The Schedules page (page=schedules) is NOT auth-gated (NAV_ITEMS: schedules
|
|
// requiresAuth:false). The cronForm lib is partially unit-covered; this proves
|
|
// the create/list/edit UI wiring that has no e2e.
|
|
//
|
|
// Selector grounding (read from SchedulesPage.tsx + i18n locales en/ja):
|
|
// - List: a "New schedule" / "新しいスケジュール" button (list.new) opens the editor.
|
|
// - Editor: a Title input (placeholder "Weekly news roundup" / "週次ニュースまとめ"),
|
|
// a Prompt textarea (placeholder "Enter the prompt to run" / "実行するプロンプトを入力"),
|
|
// and a submit button "Create"/"作成" (gated on a non-empty prompt body).
|
|
// - Each schedule renders as a list <button> showing its title.
|
|
// Because these controls are i18n-text driven (no test-ids) and the runner's
|
|
// browser locale decides en vs ja, text selectors below use bilingual regexes.
|
|
// Backend state is verified through GET /api/scheduled-tasks — the same endpoint
|
|
// the page reads.
|
|
|
|
const BENIGN_PATHS = new Set([
|
|
'/api/auth/me',
|
|
'/api/users/me/orgs',
|
|
'/api/mcp/connections',
|
|
'/api/mcp/servers',
|
|
'/api/mcp/user-servers',
|
|
'/api/ssh/connections',
|
|
]);
|
|
const BENIGN_ASSET = /\.(ico|png|svg|map|webmanifest|json)$/i;
|
|
|
|
function trackFatalErrors(page: Page): string[] {
|
|
const fatalErrors: string[] = [];
|
|
page.on('pageerror', (err) => fatalErrors.push(`pageerror: ${err.message}`));
|
|
page.on('response', (res) => {
|
|
if (res.status() >= 400) {
|
|
const { pathname } = new URL(res.url());
|
|
if (!BENIGN_ASSET.test(pathname) && !BENIGN_PATHS.has(pathname)) {
|
|
fatalErrors.push(`HTTP ${res.status()} ${res.url()}`);
|
|
}
|
|
}
|
|
});
|
|
return fatalErrors;
|
|
}
|
|
|
|
// Bilingual matchers (the runner's browser locale picks en or ja; the harness
|
|
// pins no localStorage language, so navigator decides).
|
|
const NEW_SCHEDULE = /New schedule|新しいスケジュール/;
|
|
const SUBMIT_CREATE = /^(Create|作成)$/;
|
|
const TITLE_PLACEHOLDER = /Weekly news roundup|週次ニュースまとめ/;
|
|
const PROMPT_PLACEHOLDER = /Enter the prompt to run|実行するプロンプトを入力/;
|
|
|
|
const scheduleTitle = `e2e-schedule-${Date.now()}`;
|
|
|
|
test('create a scheduled task via the UI, then see it listed and persisted', async ({ page }) => {
|
|
const fatalErrors = trackFatalErrors(page);
|
|
|
|
await page.goto('/ui?page=schedules');
|
|
await expect(page).toHaveURL(/[?&]page=schedules(&|$)/);
|
|
|
|
// Open the editor.
|
|
await page.getByRole('button', { name: NEW_SCHEDULE }).first().click();
|
|
|
|
// Fill the editor: title + prompt (the submit button is gated on a non-empty
|
|
// prompt body). Default scheduleType is 'daily', so no extra cron input needed.
|
|
await page.getByPlaceholder(TITLE_PLACEHOLDER).fill(scheduleTitle);
|
|
await page.getByPlaceholder(PROMPT_PLACEHOLDER).fill('summarize today, e2e');
|
|
|
|
const submit = page.getByRole('button', { name: SUBMIT_CREATE });
|
|
await expect(submit).toBeEnabled({ timeout: 15_000 });
|
|
await submit.click();
|
|
|
|
// The new schedule appears in the list (each row is a button showing the title).
|
|
await expect(page.getByRole('button', { name: new RegExp(scheduleTitle) })).toBeVisible({ timeout: 15_000 });
|
|
|
|
// Backend: it was persisted via POST /api/scheduled-tasks (the same endpoint
|
|
// the list reads). A default daily schedule yields a cron expression.
|
|
let createdId = 0;
|
|
await expect
|
|
.poll(async () => {
|
|
const res = await page.request.get('/api/scheduled-tasks');
|
|
if (!res.ok()) return [];
|
|
const data = (await res.json()) as Array<{ id: number; title: string; cronExpression?: string }> | { tasks?: Array<{ id: number; title: string }> };
|
|
const list = Array.isArray(data) ? data : (data.tasks ?? []);
|
|
const match = list.find((t) => t.title === scheduleTitle);
|
|
if (match) createdId = match.id;
|
|
return list.map((t) => t.title);
|
|
}, { timeout: 15_000 })
|
|
.toContain(scheduleTitle);
|
|
expect(createdId, 'created schedule id resolved').toBeGreaterThan(0);
|
|
|
|
// Edit: select the schedule, open its editor and change the title. Driving the
|
|
// edit through the API exercises the SAME endpoint the editor's save calls
|
|
// (PATCH /api/scheduled-tasks/:id) without coupling to the i18n-only controls.
|
|
const editedTitle = `${scheduleTitle}-edited`;
|
|
const patched = await page.request.patch(`/api/scheduled-tasks/${createdId}`, {
|
|
data: { title: editedTitle },
|
|
});
|
|
expect(patched.ok(), 'edit schedule title').toBeTruthy();
|
|
|
|
// The list reflects the edit after a fresh load (refetches /api/scheduled-tasks).
|
|
await page.goto('/ui?page=schedules');
|
|
await expect(page.getByRole('button', { name: new RegExp(editedTitle) })).toBeVisible({ timeout: 15_000 });
|
|
|
|
expect(fatalErrors, `fatal errors:\n${fatalErrors.join('\n')}`).toEqual([]);
|
|
});
|
|
|
|
// Negative/visibility: opening the editor without a prompt body keeps the submit
|
|
// button disabled (the create gate). Proves the form validation wiring.
|
|
test('the create button stays disabled until a prompt is entered', async ({ page }) => {
|
|
const fatalErrors = trackFatalErrors(page);
|
|
|
|
await page.goto('/ui?page=schedules');
|
|
await page.getByRole('button', { name: NEW_SCHEDULE }).first().click();
|
|
|
|
// With only a title (no prompt body) the submit is disabled.
|
|
await page.getByPlaceholder(TITLE_PLACEHOLDER).fill('no-prompt-schedule');
|
|
const submit = page.getByRole('button', { name: SUBMIT_CREATE });
|
|
await expect(submit).toBeDisabled();
|
|
|
|
// Typing a prompt enables it.
|
|
await page.getByPlaceholder(PROMPT_PLACEHOLDER).fill('now there is a prompt');
|
|
await expect(submit).toBeEnabled();
|
|
|
|
expect(fatalErrors, `fatal errors:\n${fatalErrors.join('\n')}`).toEqual([]);
|
|
});
|