fix: Select style without hash

ant-design · Jan 29, 2024 · 3d5b4e2 · 3d5b4e2
1 parent 4ecc0d7
commit 3d5b4e2
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 2 deletions.
diff --git a/.dumi/theme/layouts/GlobalLayout.tsx b/.dumi/theme/layouts/GlobalLayout.tsx
@@ -198,6 +198,7 @@ const GlobalLayout: React.FC = () => {
                 motion: !theme.includes('motion-off'),
               },
               cssVar: true,
+              hashed: false,
             }}
           >
             <HappyProvider disabled={!theme.includes('happy-work')}>{content}</HappyProvider>

diff --git a/components/select/style/index.ts b/components/select/style/index.ts
@@ -126,6 +126,7 @@ const genBaseStyle: GenerateStyle<SelectToken> = (token) => {
         [iconCls]: {
           verticalAlign: 'top',
           transition: `transform ${token.motionDurationSlow}`,
+          fontSize: token.fontSizeIcon,
 
           '> svg': {
             verticalAlign: 'top',

diff --git a/scripts/visual-regression/build.ts b/scripts/visual-regression/build.ts
@@ -273,11 +273,11 @@ async function boot() {
   // compare cssinjs and css-var png from pr
   // to the same cssinjs png in `master` branch
   const cssInJsImgNames = baseImgFileList
-    .filter((i) => !i.endsWith('.css-var.png'))
+    .filter((i) => !i.endsWith('.css-var.png') && !i.endsWith('.css-var-without-hash.png'))
     .map((n) => path.basename(n, path.extname(n)));
 
   for (const basename of cssInJsImgNames) {
-    for (const extname of ['.png', '.css-var.png']) {
+    for (const extname of ['.png', '.css-var.png', '.css-var-without-hash.png']) {
       // baseImg always use cssinjs png
       const baseImgName = `${basename}.png`;
       const baseImgPath = path.join(baseImgSourceDir, baseImgName);

diff --git a/tests/shared/imageTest.tsx b/tests/shared/imageTest.tsx
@@ -236,6 +236,15 @@ export default function imageTest(
         <ConfigProvider theme={{ algorithm, cssVar: true }}>{component}</ConfigProvider>
       </div>,
     );
+    test(
+      `[CSS Var without Hash] component image screenshot should correct ${key}`,
+      `.${key}.css-var-without-hash`,
+      <div style={{ background: key === 'dark' ? '#000' : '', padding: `24px 12px` }} key={key}>
+        <ConfigProvider theme={{ algorithm, cssVar: true, hashed: false }}>
+          {component}
+        </ConfigProvider>
+      </div>,
+    );
   });
 }