web-renderer-test

To add visual tests for a Remotion web renderer, place example compositions under packages/web-renderer/src/test/fixtures, reference them in your test file, and run bunx vitest to verify snapshot-based rendering outputs.

Fixture-driven visual testing with vitest is a method where you place example compositions in a dedicated fixtures directory and reference them in tests to perform deterministic snapshot-based verification of your web rendering outputs.

You can run vitest snapshot tests for web rendering locally by executing bunx vitest in your local test environment, which wires the fixtures into the existing test harness to produce deterministic visual results.

Yes, this visual testing approach works within a Remotion-based project by automating the addition and validation of visual tests specifically across the packages/web-renderer directory using vitest and bunx.

The best way to verify new web renderer compositions is to insert a new fixture under the test fixtures directory, add a corresponding test scenario, and run bunx vitest to quickly iterate and validate the visual snapshot.