frontend-testing-strategy SKILL.md skillA
frontend-testing-strategy from annatchijova/skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add annatchijova/skills/frontend-testing-strategy@git:20260922.d250213Pins git:20260922.d250213 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- annatchijova/skills
- Path
frontend-testing-strategy/SKILL.md- Versions recorded
- 1
- Latest version
- git:20260922.d250213, committed Sep 22, 2026
- Size
- 6,682 bytes
- Repository stars
- 9
- License
- a license file GitHub does not identify
Allocate frontend test effort by the Testing Trophy (static > unit > integration > E2E) and write tests that assert on what the user perceives, using stable selectors, instead of internal implementation. Use whenever writing or reviewing UI tests, deciding what layer to test something at, or diagnosing flaky tests. Trigger on "how should I test this component", "flaky test", "testing implementation details", "what should be an E2E test", "selector broke when I refactored", "test pyramid". Not…
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Frontend Testing Strategy
A test suite that breaks every time you refactor a component's internals
without changing its behavior is testing the wrong thing. This skill is about
two decisions: **which layer** a given piece of behavior should be tested at,
and **what a test is allowed to know about** the component it's testing.
Composes with the library:
- **falsifiable-testing** — the general discipline (red-first, negative
controls, oracle strength) applies here; this skill adds the
frontend-specific layer allocation and selector discipline on top
- **resilient-ui-states** — the four mandatory states (loading/success/empty/
error) are exactly what integration tests in this skill should cover per
component
- **frontend-accessibility-by-construction** — role/label-based selectors
(below) double as an accessibility check: if a test can't find an element
by its accessible role or name, neither can a screen reader
---
## Layer allocation: the Testing Trophy (industry heuristic, not a normative standard)
Source: Testing Trophy model (Kent C. Dodds), Testing Library philosophy
("the more your tests resemble the way your software is used, the more
…Read the whole file at its exact version.
How to install
mdr add annatchijova/skills/frontend-testing-strategy@sha256:56f73316148ecbdcThe line at the top of this page pins the label git:20260922.d250213, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_77hjhkprw7apqhoh)
1 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Sep 22, 2026.
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (6682 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
annatchijova/skills · 9 stars · license a license file GitHub does not identify · pushed 2026-11-02 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_77hjhkprw7apqhoh GET https://markdownregistry.com/api/v1/resolve?ref=annatchijova/skills/frontend-testing-strategy GET https://markdownregistry.com/api/v1/blob/56f73316148ecbdc756a16b13ea19634d1d030e6db1641f07fee472b440b99e4
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.
More from annatchijova/skills
Every file in annatchijova/skills