pcbjam/tests/e2e/gridrenderers.spec.ts
Viktor Vaczi 64142aa8de Extend element registry and migrate all tests to semantic selectors
Phase 2 of element registry migration - eliminate hardcoded coordinates:

Element tracker additions:
- wxTreeCtrl items (clickTreeItem, findTreeItem)
- wxDataViewCtrl items and column headers
- wxPropertyGrid rows
- wxListBox items
- wxSpinButton arrows
- wxSlider thumb/track
- wxTextCtrl area
- wxSearchCtrl field
- wxAuiManager pane content areas
- wxCalendarCtrl dates

Test migrations:
- 24 test files updated to use element registry helpers
- Replaced coordinate-based clicks with semantic selectors
- Added find-hardcoded-coords.sh script for auditing

Remaining coordinates are legitimate (scroll positioning, drawing, test.fail blocks).

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-30 14:17:51 +01:00

89 lines
3.3 KiB
TypeScript

// wxGrid Custom Cell Renderers Tests - Color cells, icon+text, striped rows
import { test, expect, tryLoadApp } from './utils/fixtures';
import { clickTab, clickGridCell } from './utils/element-tracker';
test.describe('wxGrid Custom Cell Renderers Tests', () => {
test('Grid renderers test app loads successfully', async ({ page, testLogger }) => {
await page.goto('/standalone/gridrenderers/gridrenderers_test.html');
const loaded = await tryLoadApp(page);
await page.screenshot({ path: 'test-results/gridrenderers-01-loaded.png', fullPage: true });
expect(loaded, 'Grid renderers app should load').toBe(true);
expect(testLogger.errors.filter(e => !e.includes('favicon'))).toHaveLength(0);
});
test('Color cells tab displays color swatches', async ({ page, testLogger }) => {
await page.goto('/standalone/gridrenderers/gridrenderers_test.html');
const loaded = await tryLoadApp(page);
if (!loaded) {
test.skip();
return;
}
await page.waitForTimeout(300);
// Color Cells tab should be visible by default
await page.screenshot({ path: 'test-results/gridrenderers-02-color-cells.png', fullPage: true });
});
test('Icon+Text tab displays icons with text', async ({ page, testLogger }) => {
await page.goto('/standalone/gridrenderers/gridrenderers_test.html');
const loaded = await tryLoadApp(page);
if (!loaded) {
test.skip();
return;
}
await page.waitForTimeout(300);
// Click Icon+Text tab using element registry
const clicked = await clickTab(page, 'Icon+Text');
expect(clicked, 'Icon+Text tab should be found').toBe(true);
await page.waitForTimeout(200);
await page.screenshot({ path: 'test-results/gridrenderers-03-icon-text.png', fullPage: true });
});
test('Striped rows tab displays alternating colors', async ({ page, testLogger }) => {
await page.goto('/standalone/gridrenderers/gridrenderers_test.html');
const loaded = await tryLoadApp(page);
if (!loaded) {
test.skip();
return;
}
await page.waitForTimeout(300);
// Click Striped+Checkboxes tab using element registry
const clicked = await clickTab(page, 'Striped+Checkboxes');
expect(clicked, 'Striped+Checkboxes tab should be found').toBe(true);
await page.waitForTimeout(200);
await page.screenshot({ path: 'test-results/gridrenderers-04-striped.png', fullPage: true });
});
test('Checkbox cells can be toggled in striped grid', async ({ page, testLogger }) => {
await page.goto('/standalone/gridrenderers/gridrenderers_test.html');
const loaded = await tryLoadApp(page);
if (!loaded) {
test.skip();
return;
}
await page.waitForTimeout(300);
// Go to Striped+Checkboxes tab using element registry
const tabClicked = await clickTab(page, 'Striped+Checkboxes');
expect(tabClicked, 'Striped+Checkboxes tab should be found').toBe(true);
await page.waitForTimeout(200);
// Click on a checkbox cell (DNP column - row 2, col 2 based on typical grid structure)
const cellClicked = await clickGridCell(page, 2, 2);
expect(cellClicked, 'Checkbox cell should be found').toBe(true);
await page.waitForTimeout(200);
await page.screenshot({ path: 'test-results/gridrenderers-05-checkbox-toggle.png', fullPage: true });
});
});