Writes and runs Playwright e2e tests for AG Grid documentation examples.
npx skills add https://github.com/ag-grid/ag-grid --skill docs-e2e-tests
Please help me install this Agent Skill. Skill: docs-e2e-tests Source: https://github.com/ag-grid/ag-grid/tree/main/.rulesync/skills/docs-e2e-tests Command: npx skills add https://github.com/ag-grid/ag-grid --skill docs-e2e-tests
Documentation examples for AG Grid need meaningful Playwright test coverage, but writing cross-framework e2e tests by hand is slow and error-prone. This Skill automates discovering examples on a docs page, planning assertions from the doc prose and source code, writing example.spec.ts files, and running them against every framework.
Write Playwright tests for all examples on the aggregation-total-rows docs page and run them with docs-e2e.sh until they pass.
High-intent search queries and answers about installing and using this skill.
Read the docs page's index.mdoc and each example's main.ts to identify behaviours, then write example.spec.ts using test.eachFramework with agIdFor locators for rows, cells, and group expand icons. Run the spec with ./docs-e2e.sh "<example-folder-name>" from the repo root.
Run ./docs-e2e.sh "<example-folder-name>" from the repository root with no --framework flag. The default eachFramework run executes the spec against typescript, vanilla, reactFunctionalTs, angular, and vue3 in chromium in a single command.
Flakiness usually comes from fixed page.waitForTimeout calls or asserting row-index during sort animations. Use web-first assertions, waitForRowAnimations after re-renders, expect(...).toPass() for retried reads, and expectRowIdAtIndex for sort order checks.
Use agIdFor.cell('rowGroupFooter_ROOT_NODE_ID', colId).first() for grand total rows and 'row-group-{field}-{value}' IDs for group rows. Group footers use the prefix rowGroupFooter_ followed by the group row ID.
The dev server must be running via yarn nx dev, verifiable in node_modules/.cache/ag-watch-status.json, and Playwright chromium must be installed with npx playwright install --with-deps chromium from documentation/ag-grid-docs/.
liuzhengdongfortestCreates Codestable requirement files documenting problem, boundaries, rationale, and acceptance criteria.
haJ1tGenerate CHANGELOG.md from git commit history using Conventional Commits.
FlexNetOSVerify code-analysis claims against actual source code.
verivendImplement AG Grid Enterprise data tables with Vue 3 and TypeScript.
