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.

Install it, pinned
mdr add modem-dev/ossrules/frontend-testing-strategy@git:20260917.a2709ec

Pins 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

The exact contents, by fingerprint
mdr add modem-dev/ossrules/frontend-testing-strategy@sha256:83ec938a6f010586

The 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.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_afazl7y6p5zvsi6m.svg)](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.

versioncommittedcommitsizeaudit
git:20260917.a2709ec latest2026-09-17 a2709ec 15,157 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • 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

GitHub

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

agents-md-entry SKILL.md skill
modem-dev/ossrules · .claude/skills/agents-md-entry/SKILL.md · Evaluate an open source project's AGENTS.md and produce a corpus entry for the /agents-md directory. Use when adding a…
git:20260917.9770dfc · audit A · 65 stars
AGENTS.md AGENTS.md file
modem-dev/ossrules · AGENTS.md
git:20260918.a539028 · audit A · 65 stars
CLAUDE.md CLAUDE.md file
modem-dev/ossrules · CLAUDE.md
git:20260914.c95ff10 · audit B · 65 stars
AGENTS.md@public/files/ag-ui AGENTS.md file
modem-dev/ossrules · public/files/ag-ui/AGENTS.md
git:20260917.d487f87 · audit A · 65 stars
CLAUDE.md@public/files/ag-ui CLAUDE.md file
modem-dev/ossrules · public/files/ag-ui/CLAUDE.md
git:20260917.d487f87 · audit A · 65 stars
CLAUDE.md@public/files/ag-ui/integrations/adk-middleware/python CLAUDE.md file
modem-dev/ossrules · public/files/ag-ui/integrations/adk-middleware/python/CLAUDE.md
git:20260917.d487f87 · audit A · 65 stars
AGENTS.md@public/files/ag-ui/sdks/dotnet AGENTS.md file
modem-dev/ossrules · public/files/ag-ui/sdks/dotnet/AGENTS.md
git:20260917.d487f87 · audit A · 65 stars
ag-ui-a2ui-integration SKILL.md skill
modem-dev/ossrules · public/files/ag-ui/skills/ag-ui-a2ui-integration/SKILL.md · Use when adding A2UI rendering to any AG-UI-supported framework or custom AG-UI application, scaffolding an AG-UI app…
v1.1.0 · audit A · 65 stars
AGENTS.md@public/files/agent-browser AGENTS.md file
modem-dev/ossrules · public/files/agent-browser/AGENTS.md
git:20260917.d487f87 · audit A · 65 stars
AGENTS.md@public/files/agent-browser/examples/eve AGENTS.md file
modem-dev/ossrules · public/files/agent-browser/examples/eve/AGENTS.md
git:20260917.d487f87 · audit B · 65 stars
CLAUDE.md@public/files/agent-browser/examples/eve CLAUDE.md file
modem-dev/ossrules · public/files/agent-browser/examples/eve/CLAUDE.md
git:20260917.d487f87 · audit B · 65 stars
core SKILL.md skill
modem-dev/ossrules · public/files/agent-browser/skill-data/core/SKILL.md · Core agent-browser usage guide. Read this before running any agent-browser commands. Covers the snapshot-and-ref…
git:20260917.d487f87 · audit A · 65 stars

Every file in modem-dev/ossrules

Other files named frontend-testing-strategy

frontend-testing-strategy SKILL.md skill
annatchijova/skills · frontend-testing-strategy/SKILL.md · Allocate frontend test effort by the Testing Trophy (static > unit > integration > E2E) and write tests that assert on…
git:20260922.d250213 · audit A · 9 stars

Browse by kind, by grade A, or by owner.