Codex Kernelia Frontend Behavior Tests for Filtered Results
Design isolated frontend tests with semantic queries, observable interactions and explicit fixture data.
中文Install in Codex
Open Kernelia in Codex with the component, accessible control names and a small data fixture.
- Review `.agents/skills/testing-practices/SKILL.md` and its requirements at the pinned GitHub commit.
- Create `.agents/skills/testing-practices/` in your project and save the reviewed file as `.agents/skills/testing-practices/SKILL.md`.
- Start Codex from that project's root, then type `$testing-practices` and select the matching skill.
Example task
Design a frontend test for this list filter.
{"rows":["Oak","Pine","Elm"],"filter":"P","button":"Apply filter","expected":["Pine"]}What to check
Find `Apply filter` by its accessible name and run the interaction. Assert `visibleRows=[Pine]`, using the other fixture rows as comparisons.
Original SKILL.md on GitHub · Updated
Frequently asked question
Should a passing filter require asserting private state?
This case checks the rendered result. Test observable state transitions separately when reviewing the store.