开发编程
#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.
Agent 识别该技能的关键词，点击任意一个即可复制。
该技能未提供触发词。
下载的 .skill 包内含以下字段。
| 字段 | 说明 |
|---|---|
| format | 格式标识（skill/v1） |
| skill_id | 技能唯一 ID |
| name | 技能名称 |
| version | 版本号 |
| description | 技能描述 |
| category | 所属分类（数组） |
| trigger_words | 触发词列表 |
| tags | 标签列表 |
| source | 来源标识 |
| source_url | 来源链接（本页地址） |
| exported_at | 导出时间（每次下载生成） |
| system_prompt | 系统提示词正文 |
| model_config | 模型参数：provider / model / temperature / max_tokens / top_p |
| examples | 示例 |
| install_guide | 各平台导入说明（Coze / Dify / Claude / 自定义框架） |
