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

Skills เพิ่มเติมจาก remotion-dev

remotion-best-practices
remotion-dev
แนวทางปฏิบัติที่ดีที่สุดสำหรับ Remotion - การสร้างวิดีโอใน React
official
add-expert
remotion-dev
เพิ่มผู้เชี่ยวชาญใหม่ไปยังหน้าผู้เชี่ยวชาญของ Remotion
official
add-sfx
remotion-dev
เพิ่มเอฟเฟกต์เสียงใหม่ให้กับ @remotion/sfx
official
docs-demo
remotion-dev
เพิ่มเดโมแบบโต้ตอบลงในเอกสาร Remotion ใช้เมื่อสร้างคอมโพเนนต์ <Demo> ใหม่สำหรับหน้าเอกสาร
official
fix-dependabot
remotion-dev
แก้ไข PR ของ Dependabot โดยอัปเดต dependency ทุกอินสแตนซ์ใน monorepo รัน bun install และพุช
official
make-pr
remotion-dev
สร้างคำขอ pull request โดยอัตโนมัติพร้อมการจัดรูปแบบคอมมิตและการจัดการสาขา ตรวจสอบให้แน่ใจว่าคุณไม่ได้อยู่ในสาขาหลัก โดยสร้างสาขาฟีเจอร์หากจำเป็น เรียกใช้การจัดรูปแบบโค้ด Oxfmt ในทุกแพ็กเกจที่เกี่ยวข้องก่อนคอมมิต จัดรูปแบบคอมมิตและชื่อ PR โดยใช้ชื่อแพ็กเกจจาก package.json (เช่น "@remotion/shapes : Add heart shape") ใช้ gh CLI เพื่อเปิด pull request โดยอัตโนมัติหลังจากพุชการเปลี่ยนแปลง
official
pr-name
remotion-dev
การตั้งชื่อที่ถูกต้องสำหรับ PR
official
remotion-best-practices
remotion-dev
แนวทางปฏิบัติที่ดีที่สุดสำหรับ Remotion - การสร้างวิดีโอใน React
official