web-renderer-test

The web renderer is in packages/web-renderer and the test suite is in packages/web-renderer/src/test.

It uses visual snapshot testing using vitest. A test file can for example be executed using:

bunx vitest src/test/video.test.tsx

Example

Each test is powered by a fixture in packages/web-renderer/src/test/fixtures. A fixture looks like this for example:

import {AbsoluteFill} from 'remotion';
 
const Component: React.FC = () => {
  return (
    <

The corresponding test looks like this:

Adding a new test

1. Add a new fixture in packages/web-renderer/src/test/fixtures.
2. Important: Add the fixture to packages/web-renderer/src/test/Root.tsx to add a way to preview it.
3. Add a new test in packages/web-renderer/src/test.
4. Run bunx vitest src/test/video.test.tsx to execute the test.
5. Important: Update packages/docs/docs/client-side-rendering/limitations.mdx to reflect the newly supported property.