147 lines
6.3 KiB
TypeScript
147 lines
6.3 KiB
TypeScript
import { test, expect, type Page } from '@playwright/test';
|
|
|
|
// E2E smoke for the V2 cross-space calendar (top-bar "カレンダー" tab).
|
|
//
|
|
// Drives the real orchestrator with auth off → synthetic 'local' admin, who can
|
|
// see every space and edit events. We create a case space, add an event for
|
|
// today via the per-space calendar (reusing its tested flow), then open the
|
|
// top-bar Calendar tab and assert the cross view shows that space's dot on
|
|
// today and groups the day panel by space.
|
|
//
|
|
// Benign-path allowlist mirrors spaces.spec.ts: with auth disabled the UI's
|
|
// /api/auth/me probe 404s on purpose; org/MCP/ssh probes 401/404. All benign.
|
|
|
|
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;
|
|
const BENIGN_PATH_RE =
|
|
/\/api\/local\/tasks\/\d+\/console\/status$|\/api\/local\/browser\/sessions\/task-session\/\d+$/;
|
|
|
|
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) && !BENIGN_PATH_RE.test(pathname)) {
|
|
fatalErrors.push(`HTTP ${res.status()} ${res.url()}`);
|
|
}
|
|
}
|
|
});
|
|
return fatalErrors;
|
|
}
|
|
|
|
/** Viewer-local 'YYYY-MM-DD' today, matching the UI's localToday(). */
|
|
function e2eLocalToday(): string {
|
|
const d = new Date();
|
|
const mm = String(d.getMonth() + 1).padStart(2, '0');
|
|
const dd = String(d.getDate()).padStart(2, '0');
|
|
return `${d.getFullYear()}-${mm}-${dd}`;
|
|
}
|
|
|
|
async function createAndOpenCaseSpace(page: Page, label: string) {
|
|
await page.goto('/ui');
|
|
await page.getByTestId('nav-spaces').click();
|
|
const rail = page.getByTestId('space-rail');
|
|
await expect(rail).toBeVisible();
|
|
|
|
await page.getByTestId('create-space-btn').click();
|
|
const titleInput = page.getByTestId('space-title-input');
|
|
await expect(titleInput).toBeVisible();
|
|
const caseTitle = `${label}-${Date.now()}`;
|
|
await titleInput.fill(caseTitle);
|
|
await page.getByTestId('space-form-submit').click();
|
|
await expect(titleInput).toHaveCount(0);
|
|
|
|
const caseRow = rail
|
|
.locator('[data-testid="space-row"][data-space-kind="case"]')
|
|
.filter({ hasText: caseTitle });
|
|
await expect(caseRow).toBeVisible();
|
|
const spaceId = await caseRow.getAttribute('data-space-id');
|
|
expect(spaceId).toBeTruthy();
|
|
await caseRow.click();
|
|
await expect(page.getByTestId('space-detail')).toBeVisible();
|
|
return { caseTitle, spaceId: spaceId as string };
|
|
}
|
|
|
|
/** Add an event for today in the currently-open space's calendar tab. */
|
|
async function addTodayEvent(page: Page, title: string) {
|
|
await page.getByTestId('space-tab-calendar').click();
|
|
await expect(page.getByTestId('space-cal-grid')).toBeVisible();
|
|
const today = e2eLocalToday();
|
|
await page.getByTestId(`space-cal-day-${today}`).click();
|
|
const panel = page.getByTestId('space-cal-day-panel');
|
|
await expect(panel).toBeVisible();
|
|
await panel.getByTestId('space-cal-add-event-btn').click();
|
|
const form = page.getByTestId('space-cal-add-event');
|
|
await expect(form).toBeVisible();
|
|
await form.getByTestId('space-cal-event-title').fill(title);
|
|
await form.getByTestId('space-cal-event-time').fill('11:00');
|
|
await form.getByTestId('space-cal-event-save').click();
|
|
await expect(panel.getByText(title, { exact: true })).toBeVisible({ timeout: 10_000 });
|
|
}
|
|
|
|
test('cross calendar: top-bar tab opens, grid renders, month nav works', async ({ page }) => {
|
|
const fatalErrors = trackFatalErrors(page);
|
|
await page.goto('/ui');
|
|
|
|
await page.getByTestId('nav-calendar').click();
|
|
await expect(page.getByTestId('cross-calendar')).toBeVisible();
|
|
await expect(page.getByTestId('cross-cal-grid')).toBeVisible();
|
|
await expect(page).toHaveURL(/[?&]page=calendar(&|$)/);
|
|
|
|
// today's cell exists
|
|
await expect(page.getByTestId(`cross-cal-day-${e2eLocalToday()}`)).toBeVisible();
|
|
|
|
// month nav flips the YYYY年M月 header and returns
|
|
const title = page.getByTestId('cross-cal-title');
|
|
const initial = (await title.textContent())?.trim();
|
|
expect(initial).toMatch(/\d{4}年\d{1,2}月/);
|
|
await page.getByTestId('cross-cal-next').click();
|
|
await expect(title).not.toHaveText(initial!);
|
|
await page.getByTestId('cross-cal-prev').click();
|
|
await expect(title).toHaveText(initial!);
|
|
|
|
expect(fatalErrors, `fatal errors:\n${fatalErrors.join('\n')}`).toEqual([]);
|
|
});
|
|
|
|
test('cross calendar: a space with activity shows its dot + day panel groups by space', async ({ page }) => {
|
|
const fatalErrors = trackFatalErrors(page);
|
|
const { caseTitle, spaceId } = await createAndOpenCaseSpace(page, 'E2E横断カレンダー');
|
|
|
|
// The cross-cal dot reflects a space's activity for the day — task or
|
|
// event (see issue #804: it used to be task-only, leaving single-day
|
|
// events with no cross-calendar indicator). This space has an event and
|
|
// no task, so the dot must come from the event alone.
|
|
const eventTitle = `横断予定-${Date.now()}`;
|
|
await addTodayEvent(page, eventTitle);
|
|
|
|
// Open the top-bar cross calendar.
|
|
await page.getByTestId('nav-calendar').click();
|
|
await expect(page.getByTestId('cross-cal-grid')).toBeVisible();
|
|
|
|
const today = e2eLocalToday();
|
|
const todayCell = page.getByTestId(`cross-cal-day-${today}`);
|
|
// Today's cell carries the activity dot for our space (event-gated only).
|
|
await expect(todayCell.getByTestId(`cross-cal-dot-${spaceId}`)).toBeVisible({ timeout: 10_000 });
|
|
|
|
// Click the day → panel grouped by space, with our space heading and its
|
|
// event (a space qualifies for the panel with either task or event
|
|
// activity — see CrossSpaceCalendar.tsx's activeSpaces filter).
|
|
await todayCell.click();
|
|
const panel = page.getByTestId('cross-cal-day-panel');
|
|
await expect(panel).toBeVisible();
|
|
const spaceGroup = panel.getByTestId(`cross-cal-space-${spaceId}`);
|
|
await expect(spaceGroup).toBeVisible();
|
|
await expect(spaceGroup.getByText(caseTitle, { exact: true })).toBeVisible();
|
|
await expect(spaceGroup.getByText(eventTitle, { exact: true })).toBeVisible({ timeout: 10_000 });
|
|
|
|
expect(fatalErrors, `fatal errors:\n${fatalErrors.join('\n')}`).toEqual([]);
|
|
});
|