開発
#web
web-renderer-test
Add a test case to the web renderer
DeepseekModel
キュレーション済みスキル
品質 優秀 · 90
v1.0.0
取得
https://deepseekmodel.com/api/download.php?id=remotion-dev-remotion-agents-skills-web-renderer-test-skill-md&format=skill
ダウンロード .skill
標準形式。system_prompt と model_config を収録し、任意の Agent で利用可能
.skill ファイルの system_prompt フィールドの実際の内容。
name web-renderer-test description Add a test case to the web renderer The web renderer is in packages/web-renderer and the test suite is in packages/web-renderer/src/test . It uses visual snapshot testing using vitest. A test file can for example be executed using: bunx vitest src/test/video.test.tsx Example Each test is powered by a fixture in packages/web-renderer/src/test/fixtures . A fixture looks like this for example: import { AbsoluteFill } from 'remotion' ; const Component : React . FC = () => { return ( < AbsoluteFill style = {{ justifyContent: ' center ', alignItems: ' center ', }} > < div style = {{ backgroundColor: ' red ', width: 100 , height: 100 , borderRadius: 20 , }} /> </ AbsoluteFill > ); }; export const backgroundColor = { component : Component , id : 'background-color' , width : 200 , height : 200 , fps : 25 , durationInFrames : 1 , } as const ; The corresponding test looks like this: import {test} from 'vitest' ; import {renderStillOnWeb} from '../render-still-on-web' ; import {backgroundColor} from './fixtures/background-color' ; import {testImage} from './utils' ; test ( 'should render background-color' , async () => { const blob = await renderStillOnWeb ({ licenseKey : 'free-license' , composition : backgroundColor, frame : 0 , inputProps : {}, imageFormat : 'png' , }); await testImage ({blob, testId : 'background-color' }); }); Adding a new test Add a new fixture in packages/web-renderer/src/test/fixtures . Important : Add the fixture to packages/web-renderer/src/test/Root.tsx to add a way to preview it. Add a new test in packages/web-renderer/src/test . Run bunx vitest src/test/video.test.tsx to execute the test. Important : Update packages/docs/docs/client-side-rendering/limitations.mdx to reflect the newly supported property.
このスキルを起動するキーワード。クリックでコピーできます。
このスキルにはトリガーワードがありません。
ダウンロードした .skill に含まれるフィールド。
| フィールド | 説明 |
|---|---|
| format | フォーマット識別子（skill/v1） |
| skill_id | スキル固有 ID |
| name | スキル名 |
| version | バージョン |
| description | 説明 |
| category | カテゴリ（配列） |
| trigger_words | トリガーワード |
| tags | タグ |
| source | ソース |
| source_url | ソース URL（本ページ） |
| exported_at | エクスポート日時（ダウンロード毎） |
| system_prompt | システムプロンプト本文 |
| model_config | モデル設定：provider / model / temperature / max_tokens / top_p |
| examples | サンプル |
| install_guide | 各プラットフォームの導入説明（Coze / Dify / Claude / カスタム） |
