web-renderer-test

作成者： remotion-dev

Webレンダラーコンポーネントのビジュアルスナップショットテストをvitestフィクスチャを使用して行います。packages/web-renderer/src/test/fixturesにReactコンポーネント、寸法、フレームレート、再生時間を定義したテストフィクスチャを作成します。packages/web-renderer/src/test/Root.tsxにフィクスチャを登録してプレビュー機能を有効にします。renderStillOnWeb()を使用して静止画をレンダリングし、testImage()によるスナップショット比較で出力を検証するテストケースを作成します。bunx vitest src/test/video.test.tsxでテストを実行し、ドキュメントを更新します。

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

ZIPダウンロード GitHub

remotion-devのその他のスキル

remotion-best-practices

Remotion - Reactでの動画作成のベストプラクティス

Remotionのエキスパートページに新しいエキスパートを追加する

@remotion/sfxに新しい効果音を追加する

Remotionのドキュメントにインタラクティブなデモを追加します。ドキュメントページ用の新しい<Demo>コンポーネントを作成する際に使用します。

DependabotのPRを修正するには、依存関係のすべてのモノレポインスタンスを更新し、bun installを実行してプッシュします

プルリクエスト作成を自動化し、フォーマット済みコミットとブランチ管理を行います。メインブランチにいないことを確認し、必要に応じてフィーチャーブランチを作成します。影響を受けるすべてのパッケージに対してOxfmtコードフォーマットを実行してからコミットします。package.jsonのパッケージ名を使用してコミットとPRタイトルをフォーマットします（例：「@remotion/shapes : Add heart shape」）。変更をプッシュした後、gh CLIを使用して自動的にプルリクエストを開きます。

PRの正しい命名

remotion-best-practices

Remotion - Reactでの動画作成のベストプラクティス