frontend-testing-strategy SKILL.md skillA
frontend-testing-strategy from modem-dev/ossrules is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add modem-dev/ossrules/frontend-testing-strategy@git:20260917.a2709ecPins git:20260917.a2709ec in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- modem-dev/ossrules
- Path
public/files/grafana/.claude/skills/frontend-testing-strategy/SKILL.md- Versions recorded
- 1
- Latest version
- git:20260917.a2709ec, committed Sep 17, 2026
- Size
- 15,157 bytes
- Repository stars
- 65
- License
- MIT
Write unit and E2E tests for Grafana frontend code (React/TypeScript, any package or feature area) to the conventions this repo expects. Use when adding, backfilling, or reviewing frontend tests; when a test only asserts "it rendered" or "it's defined"; when reviewing AI-generated tests for slop; or when a frontend test is flaky. For visualization panels and grafana-ui viz components specifically, also load the `panel-testing-strategy` skill.
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 Write tests for Grafana frontend code that pass review on the first pass. Goals: **assert concrete behavior, not existence**; keep test descriptions honest; verify the test actually exercises the target code path; and stabilize the known flake classes. Several codeowner paths are opted into the gating `check-frontend-test-coverage.yml` check, so coverage that drops fails CI. ## Resolve the target Interpret the argument to decide scope: - **A file path** → test that file (create or extend its co-located `*.test.ts(x)`). - **A directory / component / module name** → the source files under it lacking meaningful coverage. - **"current file" / no path but a file is open** → the open file. - **No argument** → ask which file/area; don't blanket-generate. Prefer extending an existing co-located test file over adding a new one. Match the surrounding test file's imports and idiom. ## Principle 1 — Where each test fits: the (inverted) testing diamond Testing model, top to bottom: - **E2E** (pinnacle) — validate the system via real user flows; powerful but slow, so keep it targeted and few. …
Read the whole file at its exact version.
How to install
mdr add modem-dev/ossrules/frontend-testing-strategy@sha256:83ec938a6f010586The line at the top of this page pins the label git:20260917.a2709ec, 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_afazl7y6p5zvsi6m)
1 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Sep 17, 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 (15157 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
modem-dev/ossrules · 65 stars · license MIT · pushed 2026-09-21 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_afazl7y6p5zvsi6m GET https://markdownregistry.com/api/v1/resolve?ref=modem-dev/ossrules/frontend-testing-strategy GET https://markdownregistry.com/api/v1/blob/83ec938a6f01058684ff4490c94a84149858d43d73d5dd9d439bf4824996c9bd
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 modem-dev/ossrules
Every file in modem-dev/ossrules