修改后台权限

front/src/pages/games-card-tilt.test.ts

@@ -0,0 +1,76 @@
+import assert from 'node:assert/strict';
+import test from 'node:test';
+
+import { calculateCardTilt } from './games-card-tilt';
+
+const rect = {
+  left: 100,
+  top: 200,
+  width: 320,
+  height: 240,
+};
+
+test('calculateCardTilt keeps the card flat at the center', () => {
+  assert.deepEqual(
+    calculateCardTilt(
+      {
+        clientX: 260,
+        clientY: 320,
+      },
+      rect,
+    ),
+    {
+      rotateX: 0,
+      rotateY: 0,
+      glareX: 50,
+      glareY: 50,
+      scale: 1.02,
+    },
+  );
+});
+
+test('calculateCardTilt changes direction based on mouse position', () => {
+  const topLeft = calculateCardTilt(
+    {
+      clientX: 100,
+      clientY: 200,
+    },
+    rect,
+  );
+  const bottomRight = calculateCardTilt(
+    {
+      clientX: 420,
+      clientY: 440,
+    },
+    rect,
+  );
+
+  assert.equal(topLeft.rotateX, 12);
+  assert.equal(topLeft.rotateY, -12);
+  assert.equal(topLeft.glareX, 0);
+  assert.equal(topLeft.glareY, 0);
+
+  assert.equal(bottomRight.rotateX, -12);
+  assert.equal(bottomRight.rotateY, 12);
+  assert.equal(bottomRight.glareX, 100);
+  assert.equal(bottomRight.glareY, 100);
+});
+
+test('calculateCardTilt clamps mouse coordinates outside the card bounds', () => {
+  assert.deepEqual(
+    calculateCardTilt(
+      {
+        clientX: 600,
+        clientY: 100,
+      },
+      rect,
+    ),
+    {
+      rotateX: 12,
+      rotateY: 12,
+      glareX: 100,
+      glareY: 0,
+      scale: 1.02,
+    },
+  );
+});