test: fix test case (#52224)

* test: fix test case

* test: ignore image diff

components/button/demo/debug-color-variant.tsx

@@ -54,7 +54,7 @@ const App: React.FC = () => {
     <Flex vertical gap="small">
       {/* link color */}
       <Flex gap="small">
-        <ConfigProvider theme={{ token: { colorPrimary: 'red' } }}>
+        <ConfigProvider theme={{ token: { colorLink: '#FF0000' } }}>
           <Button type="link">Link Button</Button>
         </ConfigProvider>
         <Button type="link">Link Button</Button>

package.json

@@ -84,7 +84,7 @@
     "test": "jest --config .jest.js --no-cache",
     "test:all": "sh -e ./scripts/test-all.sh",
     "test:dekko": "tsx ./tests/dekko/index.test.ts",
-    "test:image": "jest --config .jest.image.js --no-cache -i -u --forceExit",
+    "test:image": "cross-env MOCK_USE_ID=false jest --config .jest.image.js --no-cache -i -u --forceExit",
     "test:node": "npm run version && jest --config .jest.node.js --no-cache",
     "test:package-diff": "antd-tools run package-diff",
     "test:site": "jest --config .jest.site.js",

tests/setup.ts

@@ -76,7 +76,19 @@ if (typeof MessageChannel === 'undefined') {
 }
 
 // Mock useId to return a stable id for snapshot testing
-jest.mock('react', () => ({
-  ...jest.requireActual('react'),
-  useId: () => 'test-id',
-}));
+jest.mock('react', () => {
+  const originReact = jest.requireActual('react');
+
+  let cloneReact = {
+    ...originReact,
+  };
+
+  if (process.env.MOCK_USE_ID !== 'false') {
+    cloneReact = {
+      ...cloneReact,
+      useId: () => 'test-id',
+    };
+  }
+
+  return cloneReact;
+});