web-renderer-test

von remotion-dev

Visuelles Snapshot-Testing für Web-Renderer-Komponenten mit Vitest-Fixtures. Erstellen Sie Test-Fixtures in packages/web-renderer/src/test/fixtures, die eine React-Komponente, Abmessungen, Bildrate und Dauer definieren. Registrieren Sie Fixtures in packages/web-renderer/src/test/Root.tsx, um die Vorschaufunktion zu aktivieren. Schreiben Sie Testfälle, die Standbilder mit renderStillOnWeb() rendern und die Ausgabe mit testImage()-Snapshot-Vergleich validieren. Führen Sie Tests mit bunx vitest src/test/video.test.tsx aus und aktualisieren Sie die Dokumentation in...

npx skills add https://github.com/remotion-dev/remotion --skill web-renderer-test

ZIP herunterladen GitHub

Mehr Skills von remotion-dev

remotion-best-practices

Bewährte Praktiken für Remotion - Videoerstellung in React

Einen neuen Experten zur Remotion-Expertenseite hinzufügen

Ein neues Sound-Effekt zu @remotion/sfx hinzufügen

Füge ein interaktives Demo zur Remotion-Dokumentation hinzu. Verwende dies, wenn du eine neue <Demo>-Komponente für Dokumentationsseiten erstellst.

Behebe einen Dependabot-PR, indem du alle Monorepo-Instanzen der Abhängigkeit aktualisierst, bun install ausführst und pushst.

Automatisiere die Pull-Request-Erstellung mit formatierten Commits und Branch-Verwaltung. Stellt sicher, dass du dich nicht auf dem Hauptbranch befindest, und erstellt bei Bedarf einen Feature-Branch. Führt Oxfmt-Codeformatierung in allen betroffenen Paketen durch, bevor Commits erstellt werden. Formatiert Commits und PR-Titel mit dem Paketnamen aus der package.json (z. B. "@remotion/shapes: Herzform hinzufügen"). Nutzt die gh CLI, um den Pull-Request nach dem Pushen der Änderungen automatisch zu öffnen.

Korrekte Benennung für einen PR

remotion-best-practices

Bewährte Methoden für Remotion - Videoerstellung in React