pcbjam/tests/e2e/menu.spec.ts
Viktor Vaczi 04eebab024 Migrate tests to use rendered element registry for toolbar, menu, layout, and AUI tests
Update tests to use semantic identifiers instead of hardcoded pixel positions:
- toolbar.spec.ts: Use clickToolbarTool('New') instead of click(box.x + 30, box.y + 45)
- menu.spec.ts: Use clickMenuBarItem('File') instead of click(box.x + 30, box.y + 15)
- layout.spec.ts: Use getSplitterSash() to get actual sash position for drag operations
- aui.spec.ts: Use clickAuiButton('close', 'Properties') for panel button clicks

Also extends element-tracker.ts with:
- WxRenderedElement interface for toolbar tools, menu items, sashes, AUI parts
- findRenderedByLabel(), findRenderedByType() query functions
- clickToolbarTool(), clickMenuBarItem(), getSplitterSash(), clickAuiButton() helpers

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-29 13:06:54 +01:00

95 lines
3.4 KiB
TypeScript

// wxMenuBar Tests - Menu system for KiCad
import { test, expect, MAIN_CANVAS, tryLoadApp, getCanvasBox } from './utils/fixtures';
import { clickMenuBarItem, findRenderedByType } from './utils/element-tracker';
test.describe('wxMenuBar Tests', () => {
test('Menu test app loads successfully', async ({ page, testLogger }) => {
await page.goto('/standalone/menu/menu_test.html');
const loaded = await tryLoadApp(page);
await page.screenshot({ path: 'test-results/menu-01-loaded.png', fullPage: true });
const hasStartupLog = testLogger.consoleLogs.some(l =>
l.includes('wxMenuBar test app started') || l.includes('Menu test app started')
);
expect(loaded, 'wxMenuBar app should load successfully').toBe(true);
expect(testLogger.errors.filter(e => !e.includes('favicon'))).toHaveLength(0);
});
test('Menu bar is visible', async ({ page, testLogger }) => {
await page.goto('/standalone/menu/menu_test.html');
const loaded = await tryLoadApp(page);
if (!loaded) {
test.skip();
return;
}
await page.screenshot({ path: 'test-results/menu-02-menubar.png', fullPage: true });
// Check that app started with menu bar created
const hasMenuBarLog = testLogger.consoleLogs.some(l =>
l.includes('Menu bar created') || l.includes('Menu test app started')
);
expect(hasMenuBarLog).toBe(true);
});
test('File menu can be clicked', async ({ page, testLogger }) => {
await page.goto('/standalone/menu/menu_test.html');
const loaded = await tryLoadApp(page);
if (!loaded) {
test.skip();
return;
}
// Click on File menu using element registry
const clicked = await clickMenuBarItem(page, 'File');
expect(clicked, 'File menu should be found and clicked').toBe(true);
await page.waitForTimeout(500);
await page.screenshot({ path: 'test-results/menu-03-file-clicked.png', fullPage: true });
});
test('Edit menu can be clicked', async ({ page, testLogger }) => {
await page.goto('/standalone/menu/menu_test.html');
const loaded = await tryLoadApp(page);
if (!loaded) {
test.skip();
return;
}
// Click on Edit menu using element registry
const clicked = await clickMenuBarItem(page, 'Edit');
expect(clicked, 'Edit menu should be found and clicked').toBe(true);
await page.waitForTimeout(500);
await page.screenshot({ path: 'test-results/menu-04-edit-clicked.png', fullPage: true });
});
test('Multiple menus can be accessed', async ({ page, testLogger }) => {
await page.goto('/standalone/menu/menu_test.html');
const loaded = await tryLoadApp(page);
if (!loaded) {
test.skip();
return;
}
// Verify all menu bar items are registered
const menuItems = await findRenderedByType(page, 'menuitem', { subType: 'menubar' });
expect(menuItems.length, 'Should have 5 menu bar items').toBeGreaterThanOrEqual(5);
// Click through all menus using element registry
const menuLabels = ['File', 'Edit', 'View', 'Tools', 'Help'];
for (const label of menuLabels) {
const clicked = await clickMenuBarItem(page, label);
expect(clicked, `Menu "${label}" should be found and clicked`).toBe(true);
await page.waitForTimeout(300);
}
await page.screenshot({ path: 'test-results/menu-05-all-menus.png', fullPage: true });
expect(testLogger.errors.filter(e => !e.includes('favicon'))).toHaveLength(0);
});
});