SkillsAdd

nvidia/elements · Archived

authoring-tests

Write and run automated tests for Elements components including unit, accessibility, visual, SSR, and lighthouse tests.

First seen Aug 17, 2026

Installation

$ npx skills add nvidia/elements --skill authoring-tests
View on skills.sh ↗ GitHub repository ↗

Summary

  • Write and run automated tests for Elements components including unit, accessibility, visual, SSR, and lighthouse tests.
  • Use this skill whenever the user wants to write, create, update, or debug test files (.test.ts, .test.axe.ts, .test.visual.ts, .test.ssr.ts, .test.lighthouse.ts).
  • Also trigger when the user asks about createFixture, removeFixture, elementIsStable, emulateClick, untilEvent, runAxe, visual baselines, theme testing, or test structure patterns like describe block naming.

Stronger alternatives

This repository is archived — consider an actively maintained alternative.

api-design Same source · more installs
nvidia/elements

Component API design patterns following Elements conventions for properties, attributes, CSS cu…

2 installs
troubleshooting Same source · more installs
nvidia/elements

Diagnose and resolve common issues including test failures, build errors, performance regressio…

2 installs
authoring-typescript Same source · more installs
nvidia/elements

Best practices for TypeScript code including type safety, discriminated unions, type guards, an…

2 installs
audit-code Same source · more installs
nvidia/elements

Comprehensive code review process for Elements monorepo changes. Provides structured feedback o…

2 installs

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

agent-browser Same topic
vercel-labs/agent-browser

Browser automation CLI for AI agents. Use when the user needs to interact with websites, includ…

810.4K installs
azure-diagnostics Same topic
microsoft/azure-skills

Debug Azure production issues on Azure using AppLens, Azure Monitor, resource health, and safe …

568.9K installs
azure-validate Same topic
microsoft/azure-skills

Pre-deployment validation for Azure readiness. Run deep checks on configuration, infrastructure…

567.7K installs
azure-aigateway Same topic
microsoft/azure-skills

Configure Azure API Management as an AI Gateway for AI models, MCP tools, and agents. WHEN: sem…

566.3K installs
azure-compute Same topic
microsoft/azure-skills

Azure VM/VMSS router. WHEN: create / provision / deploy / spin-up VM, recommend VM size, compar…

510K installs
supabase-postgres-best-practices Same topic
supabase/agent-skills

Postgres best practices maintained by Supabase, for Postgres running anywhere. Load this skill …

391.6K installs

Also in this package

Other skills from nvidia/elements · top by installs.

npx skills add nvidia/elements
api-design 2 troubleshooting 2 authoring-typescript 2 audit-code 2 guidance-build 1 audit-accessibility 1 availability-report 1 github-dependabot 1 component-creation 1 testing 1

Browse all from nvidia/elements

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 85
License LICENSE
Default branch main
Status Archived

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 3,093 B
  • docs SUMMARY.md 512 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 1 installs

SKILL.md

Authoring Tests

You MUST review @projects/site/src/docs/internal/guidelines/testing.md before making any testing changes.

When to Use This Skill

  • Creating new test files for components (.test.ts, .test.axe.ts, .test.visual.ts, .test.ssr.ts, .test.lighthouse.ts)
  • Debugging test failures or updating existing tests
  • Understanding testing utilities from @internals/testing
  • Setting up test configurations or HTML templates
  • Writing tests that follow project patterns

Test Type Guidelines

Read the specific guideline based on the test type you're working with:

  • Unit Tests (.test.ts): Read [testing-unit.md](/projects/site/src/docs/internal/guidelines/testing-unit.md) - covers createFixture, elementIsStable, event testing
  • Accessibility Tests (.test.axe.ts): Read [testing-accessibility.md](/projects/site/src/docs/internal/guidelines/testing-accessibility.md) - covers axe-core usage, WCAG compliance
  • Visual Tests (.test.visual.ts): Read [testing-visual.md](/projects/site/src/docs/internal/guidelines/testing-visual.md) - covers Playwright screenshots, theme testing
  • SSR Tests (.test.ssr.ts): Read [testing-ssr.md](/projects/site/src/docs/internal/guidelines/testing-ssr.md) - covers server-side rendering compatibility
  • Lighthouse Tests (.test.lighthouse.ts): Read [testing-lighthouse.md](/projects/site/src/docs/internal/guidelines/testing-lighthouse.md) - covers performance, accessibility scores

Key Principles

  1. Test Isolation: Each test should be independent with proper setup/teardown using createFixture and removeFixture
  2. Wait for Stability: Always use elementIsStable() before making assertions on Lit components
  3. Comprehensive Coverage: All new components require unit, accessibility, and visual tests at minimum
  4. Real User Events: Use emulateClick and untilEvent for realistic event testing
  5. Theme Testing: Visual tests should cover both light and dark themes

References

  • [Testing Overview](/projects/site/src/docs/internal/guidelines/testing.md)
  • [Unit Testing](/projects/site/src/docs/internal/guidelines/testing-unit.md)
  • [Accessibility Testing](/projects/site/src/docs/internal/guidelines/testing-accessibility.md)
  • [Lighthouse Testing](/projects/site/src/docs/internal/guidelines/testing-lighthouse.md)
  • [SSR Testing](/projects/site/src/docs/internal/guidelines/testing-ssr.md)
  • [Visual Testing](/projects/site/src/docs/internal/guidelines/testing-visual.md)
  • [Vite Internals](/projects/internals/vite/README.md)