web-renderer-test

作者： remotion-dev

使用 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，更新所有 monorepo 中的相依套件實例，執行 bun install 並推送變更。

自動化拉取請求的建立，包含格式化提交與分支管理。確保不在主分支上，必要時建立功能分支。在提交前對所有受影響的套件執行 Oxfmt 程式碼格式化。使用 package.json 中的套件名稱來格式化提交與拉取請求標題（例如：「@remotion/shapes：新增心形」）。在推送變更後，使用 gh CLI 自動開啟拉取請求。

PR 的正確命名

remotion-best-practices

Remotion - 在 React 中創建影片的最佳實踐