Toolverse
All skills

web-renderer-test

by remotion-dev

Add a test case to the web renderer

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Category
Testing
Views
2

About this skill

Add a test case to the web renderer

How to use

  1. Utwórz nowy fixture w katalogu packages/web-renderer/src/test/fixtures. Fixture to plik TypeScript zawierający komponent React (np. z AbsoluteFill) oraz konfigurację (wymiary, fps, liczbę klatek, identyfikator). 2. Dodaj swój fixture do pliku packages/web-renderer/src/test/Root.tsx, aby umożliwić jego podgląd w interfejsie. 3. Stwórz plik testowy w katalogu packages/web-renderer/src/test, który importuje fixture oraz funkcję renderStillOnWeb. Test powinien renderować fixture na klatce 0 i porównywać wynik z wcześniej zapisanym obrazem za pomocą funkcji testImage. 4. Uruchom test poleceniem bunx vitest src/test/video.test.tsx, aby sprawdzić, czy renderowanie przebiega poprawnie. 5. Jeśli test przejdzie, snapshot zostanie zapisany. Przy kolejnych uruchomieniach test będzie porównywać nowe renderowanie z zapisanym obrazem. 6. Zaktualizuj dokumentację w pliku packages/docs/docs/client-side-rendering/limitations.mdx, aby odzwierciedlić nowe ograniczenia lub możliwości renderera, jeśli test ujawnił istotne informacje.

Related skills