103 lines
3.8 KiB
TypeScript
103 lines
3.8 KiB
TypeScript
import { completeSetup, expect, installIpcMocks, test } from './fixtures/electron';
|
|
|
|
function stableStringify(value: unknown): string {
|
|
if (value == null || typeof value !== 'object') return JSON.stringify(value);
|
|
if (Array.isArray(value)) return `[${value.map((item) => stableStringify(item)).join(',')}]`;
|
|
const entries = Object.entries(value as Record<string, unknown>)
|
|
.sort(([left], [right]) => left.localeCompare(right))
|
|
.map(([key, entryValue]) => `${JSON.stringify(key)}:${stableStringify(entryValue)}`);
|
|
return `{${entries.join(',')}}`;
|
|
}
|
|
|
|
const cronJobs = [
|
|
{
|
|
id: 'job-long-title',
|
|
name: 'Memory Dreaming Promotion With An Unusually Long Title That Should Trigger Truncation',
|
|
message: '__openclaw_memory_core_short_term_promotion_pipeline__step_overflow_check__',
|
|
schedule: { kind: 'cron', expr: '0 3 * * *' },
|
|
enabled: true,
|
|
createdAt: '2026-04-30T03:00:00.000Z',
|
|
updatedAt: '2026-04-30T03:00:00.000Z',
|
|
agentId: 'main',
|
|
},
|
|
{
|
|
id: 'job-short-title',
|
|
name: '喝水',
|
|
message: '提醒我喝水',
|
|
schedule: { kind: 'cron', expr: '*/5 * * * *' },
|
|
enabled: false,
|
|
createdAt: '2026-04-30T03:00:00.000Z',
|
|
updatedAt: '2026-04-30T03:00:00.000Z',
|
|
agentId: 'main',
|
|
},
|
|
];
|
|
|
|
test.describe('Cron job card layout', () => {
|
|
test('keeps the toggle switch fully inside the card when the title is very long', async ({ electronApp, page }) => {
|
|
await installIpcMocks(electronApp, {
|
|
gatewayStatus: { state: 'running', port: 18789, pid: 12345, gatewayReady: true },
|
|
gatewayRpc: {},
|
|
hostApi: {
|
|
[stableStringify(['/api/gateway/status', 'GET'])]: {
|
|
ok: true,
|
|
data: {
|
|
status: 200,
|
|
ok: true,
|
|
json: { state: 'running', port: 18789, pid: 12345, gatewayReady: true },
|
|
},
|
|
},
|
|
[stableStringify(['/api/cron/jobs', 'GET'])]: {
|
|
ok: true,
|
|
data: {
|
|
status: 200,
|
|
ok: true,
|
|
json: cronJobs,
|
|
},
|
|
},
|
|
[stableStringify(['/api/channels/accounts', 'GET'])]: {
|
|
ok: true,
|
|
data: {
|
|
status: 200,
|
|
ok: true,
|
|
json: { success: true, channels: [] },
|
|
},
|
|
},
|
|
},
|
|
});
|
|
|
|
await completeSetup(page);
|
|
await page.getByTestId('sidebar-nav-cron').click();
|
|
|
|
const card = page.getByTestId('cron-job-card-job-long-title');
|
|
const switchWrapper = page.getByTestId('cron-job-card-switch-job-long-title');
|
|
const title = page.getByTestId('cron-job-card-title-job-long-title');
|
|
|
|
await expect(card).toBeVisible();
|
|
await expect(switchWrapper).toBeVisible();
|
|
await expect(title).toBeVisible();
|
|
|
|
const cardBox = await card.boundingBox();
|
|
const switchBox = await switchWrapper.boundingBox();
|
|
const titleBox = await title.boundingBox();
|
|
|
|
expect(cardBox, 'card bounding box should be available').not.toBeNull();
|
|
expect(switchBox, 'switch bounding box should be available').not.toBeNull();
|
|
expect(titleBox, 'title bounding box should be available').not.toBeNull();
|
|
|
|
if (!cardBox || !switchBox || !titleBox) return;
|
|
|
|
// The switch must stay fully inside the card horizontally and not be
|
|
// partially clipped by the card boundary (this is the regression we are
|
|
// guarding against — long titles previously pushed the switch off-card).
|
|
const cardRight = cardBox.x + cardBox.width;
|
|
const switchRight = switchBox.x + switchBox.width;
|
|
expect(switchBox.x).toBeGreaterThanOrEqual(cardBox.x);
|
|
expect(switchRight).toBeLessThanOrEqual(cardRight + 0.5);
|
|
|
|
// The title must shrink before the switch — its right edge should not
|
|
// overlap the switch container.
|
|
const titleRight = titleBox.x + titleBox.width;
|
|
expect(titleRight).toBeLessThanOrEqual(switchBox.x + 0.5);
|
|
});
|
|
});
|