fix(test): pass modifier flags on WheelEvent for activationKeys tests

syncModifierKeys reads ctrlKey/metaKey from the event itself (required
for iframe support), so fireEvent.keyDown alone is insufficient — the
subsequent WheelEvent must carry the modifier flag just like a real
browser would. Also adds a positive assertion for the predicate-based
activationKeys test.

Made-with: Cursor

Author: prc5

__tests__/features/props/wheel-props.spec.tsx

@@ -87,24 +87,33 @@ describe("ReactZoomPanPinchProps.wheel", () => {
       );
       expect(ref.current!.instance.state.scale).toBe(1);
 
-      fireEvent.keyDown(document, { key: "Control" });
+      // Real browsers include ctrlKey on WheelEvent when Control is held;
+      // syncModifierKeys reads it so keyDown alone is not enough in tests.
       fireEvent(
         content,
-        new WheelEvent("wheel", { bubbles: true, deltaY: -5 }),
+        new WheelEvent("wheel", { bubbles: true, deltaY: -5, ctrlKey: true }),
       );
       expect(ref.current!.instance.state.scale).toBeGreaterThan(1);
     });
 
     it("supports predicate function for activationKeys", () => {
       const { content, ref } = renderApp({
-        wheel: { activationKeys: (keys: string[]) => keys.includes("Meta") },
+        wheel: {
+          activationKeys: (keys: string[]) => keys.includes("Meta"),
+        },
       });
       userEvent.hover(content);
       fireEvent(
         content,
         new WheelEvent("wheel", { bubbles: true, deltaY: -5 }),
       );
       expect(ref.current!.instance.state.scale).toBe(1);
+
+      fireEvent(
+        content,
+        new WheelEvent("wheel", { bubbles: true, deltaY: -5, metaKey: true }),
+      );
+      expect(ref.current!.instance.state.scale).toBeGreaterThan(1);
     });
   });