heygen-com
diff --git a/‎packages/core/src/colorGrading.test.ts‎
Lines changed: 27 additions & 0 deletions b/‎packages/core/src/colorGrading.test.ts‎
Lines changed: 27 additions & 0 deletions
diff --git a/‎packages/core/src/runtime/bridge.test.ts‎
Lines changed: 1 addition & 1 deletion b/‎packages/core/src/runtime/bridge.test.ts‎
Lines changed: 1 addition & 1 deletion
@@ -13,6 +13,7 @@ import {
   normalizeHfColorGradingWithVariables,
   serializeHfColorGrading,
 } from "./colorGrading";
+import { lintHyperframeHtml } from "./lint";
 
 describe("color grading", () => {
   it("derives grade and effect preset views from their actual payloads", () => {
@@ -28,6 +29,32 @@ describe("color grading", () => {
     expect(HF_COLOR_GRADING_PRESETS).toHaveLength(18);
   });
 
+  it("keeps every canonical grading key accepted by lint", async () => {
+    const grading = normalizeHfColorGrading("neutral");
+    expect(grading).not.toBeNull();
+    const html = (attribute: string) => `
+      <html><body>
+        <div id="root" data-composition-id="c1" data-start="0" data-width="1920" data-height="1080" data-duration="1">
+          <img class="clip" data-start="0" data-duration="1" src="media.jpg" data-color-grading='${attribute}'>
+        </div>
+        <script>window.__timelines = {};</script>
+      </body></html>
+    `;
+
+    const valid = await lintHyperframeHtml(html(serializeHfColorGrading(grading)));
+    expect(valid.findings.filter((finding) => finding.severity === "error")).toEqual([]);
+
+    const invalid = await lintHyperframeHtml(html('{"effects":{"notARealEffect":1}}'));
+    expect(invalid.findings).toEqual(
+      expect.arrayContaining([
+        expect.objectContaining({
+          code: "color_grading_invalid_structure",
+          severity: "error",
+        }),
+      ]),
+    );
+  });
+
   it("parses preset shorthand", () => {
     const grading = normalizeHfColorGrading("warm-daylight");
     expect(grading?.preset).toBe("warm-daylight");
 
@@ -182,7 +182,7 @@ describe("installRuntimeControlBridge", () => {
   it("dispatches set-color-grading command with target and grading payload", () => {
     const deps = createMockDeps();
     const handler = installRuntimeControlBridge(deps);
-    const grading = { preset: "warm-clean", intensity: 0.7 };
+    const grading = { preset: "warm-daylight", intensity: 0.7 };
     const target = { id: "hero-video", selectorIndex: 0 };
     handler(makeControlMessage("set-color-grading", { target, grading }));
     expect(deps.onSetColorGrading).toHaveBeenCalledWith(target, grading);