web-renderer-test
OfficialAdd visual tests for the web renderer
Authorremotion-dev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill helps developers extend and validate the Remotion web renderer by adding visual snapshot tests, ensuring rendering remains correct as code evolves.
Core Features & Use Cases
- Add new visual tests: Create fixture-based tests in the web renderer test suite to verify expected render outcomes.
- Run tests locally: Use bunx vitest to execute tests like src/test/video.test.tsx and review snapshot results.
- Real-world workflow: Extend the test suite by adding fixtures under packages/web-renderer/src/test/fixtures and update Root.tsx to preview new tests.
Quick Start
- Create a new fixture in packages/web-renderer/src/test/fixtures.
- Add a corresponding test in packages/web-renderer/src/test.
- Update Root.tsx to preview the new fixture.
- Run bunx vitest src/test/video.test.tsx to execute the test.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: web-renderer-test Download link: https://github.com/remotion-dev/remotion/archive/main.zip#web-renderer-test Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.