Web Renderer Test

1---2name: web-renderer-test3description: Add a test case to the web renderer4---5 6The web renderer is in `packages/web-renderer` and the test suite is in `packages/web-renderer/src/test`.7 8It uses visual snapshot testing using vitest. A test file can for example be executed using:9 10```11bunx vitest src/test/video.test.tsx12```13 14## Example15 16Each test is powered by a fixture in `packages/web-renderer/src/test/fixtures`.17A fixture looks like this for example:18 19```tsx20import {AbsoluteFill} from 'remotion';21 22const Component: React.FC = () => {23  return (24    <AbsoluteFill25      style={{26        justifyContent: 'center',27        alignItems: 'center',28      }}29    >30      <div31        style={{32          backgroundColor: 'red',33          width: 100,34          height: 100,35          borderRadius: 20,36        }}37      />38    </AbsoluteFill>39  );40};41 42export const backgroundColor = {43  component: Component,44  id: 'background-color',45  width: 200,46  height: 200,47  fps: 25,48  durationInFrames: 1,49} as const;50```51 52The corresponding test looks like this:53 54```tsx55import {test} from 'vitest';56import {renderStillOnWeb} from '../render-still-on-web';57import {backgroundColor} from './fixtures/background-color';58import {testImage} from './utils';59 60test('should render background-color', async () => {61  const blob = await renderStillOnWeb({62    licenseKey: 'free-license',63    composition: backgroundColor,64    frame: 0,65    inputProps: {},66    imageFormat: 'png',67  });68 69  await testImage({blob, testId: 'background-color'});70});71```72 73## Adding a new test74 751. Add a new fixture in `packages/web-renderer/src/test/fixtures`.762. **Important**: Add the fixture to `packages/web-renderer/src/test/Root.tsx` to add a way to preview it.773. Add a new test in `packages/web-renderer/src/test`.784. Run `bunx vitest src/test/video.test.tsx` to execute the test.795. **Important**: Update `packages/docs/docs/client-side-rendering/limitations.mdx` to reflect the newly supported property.