feat: support options

components/breadcrumb/__tests__/image.test.ts

@@ -1,5 +1,5 @@
 import { imageDemoTest } from '../../../tests/shared/imageTest';
 
 describe('Breadcrumb image', () => {
-  imageDemoTest('breadcrumb', { skip: ['react-router.tsx'] });
+  imageDemoTest('breadcrumb');
 });

components/button/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'button', skip: ['loading.tsx'] };
+export default { id: 'button', skip: ['loading'] };

components/config-provider/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'config-provider', skip: ['direction.tsx', 'theme.tsx'] };
+export default { id: 'config-provider', skip: ['direction', 'theme'] };

components/dropdown/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'dropdown', skip: ['dropdown-button.tsx'] };
+export default { id: 'dropdown', skip: ['dropdown-button'] };

components/float-button/__tests__/image.test.ts

@@ -1,5 +1,5 @@
 import { imageDemoTest } from '../../../tests/shared/imageTest';
 
 describe('float-button image', () => {
-  imageDemoTest('float-button', { onlyViewport: ['back-top.tsx'] });
+  imageDemoTest('float-button', { onlyViewport: ['back-top'] });
 });

components/float-button/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'float-button', onlyViewport: ['back-top.tsx'] };
+export default { id: 'float-button', onlyViewport: ['back-top'] };

components/form/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'form', skip: ['complex-form-control.tsx'] };
+export default { id: 'form', skip: ['complex-form-control'] };

components/icon/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'icon', skip: ['basic.tsx'] };
+export default { id: 'icon', skip: ['basic'] };

components/input/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'input', skip: ['search-input-loading.tsx'] };
+export default { id: 'input', skip: ['search-input-loading'] };

components/layout/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'layout', skip: ['fixed-sider.tsx'] };
+export default { id: 'layout', skip: ['fixed-sider'] };

components/list/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'list', skip: ['loadmore.tsx'] };
+export default { id: 'list', skip: ['loadmore'] };

components/popconfirm/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'popconfirm' };
+export default { id: 'popconfirm', onlyViewport: ['shift'] };

components/popover/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'popover' };
+export default { id: 'popover', onlyViewport: ['shift'] };

components/switch/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'switch', skip: ['loading.tsx'] };
+export default { id: 'switch', skip: ['loading'] };

components/table/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'table', skip: ['virtual-list.tsx'] };
+export default { id: 'table', skip: ['virtual-list'] };

components/tag/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'tag', skip: ['status.tsx'] };
+export default { id: 'tag', skip: ['status'] };

components/timeline/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'timeline', skip: ['pending.tsx'] };
+export default { id: 'timeline', skip: ['pending'] };

components/tooltip/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'tooltip', onlyViewport: ['shift.tsx'] };
+export default { id: 'tooltip', onlyViewport: ['shift'] };

components/tree/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'tree', skip: ['virtual-scroll.tsx', 'big-data.tsx'] };
+export default { id: 'tree', skip: ['virtual-scroll', 'big-data'] };

components/upload/__tests__/visual-diff.config.ts

@@ -1 +1 @@
-export default { id: 'upload', skip: ['crop-image.tsx'] };
+export default { id: 'upload', skip: ['crop-image'] };

scripts/visual-diff-capture.ts

@@ -15,7 +15,9 @@ import type { LogLevelNames } from 'loglevel';
 
 interface VisualDiffConfig {
   id: string;
-  onlyViewport?: boolean;
+  skip?: boolean | string[];
+  onlyViewport?: boolean | string[];
+  /** Open Trigger to check the popup render */
   openTriggerClassName?: string;
 }
 
@@ -120,6 +122,14 @@ class BrowserAuto {
     const demoUrl = await retrieveDemoUrl(mdPath);
     const options = await retrieveConfig(mdPath);
 
+    const skip =
+      Array.isArray(options.skip) &&
+      options.skip.some((c) => path.basename(mdPath, '.md').endsWith(c));
+    if (skip) {
+      loglevel.info('Skip for: %s', mdPath);
+      return;
+    }
+
     const query = new URLSearchParams();
     query.set('theme', theme);
     if (enableCssVar) {
@@ -140,7 +150,18 @@ class BrowserAuto {
 
     await page.waitForSelector('.dumi-antd-demo-layout');
 
-    if (!options.onlyViewport) {
+    const onlyViewport =
+      options.onlyViewport === true ||
+      (Array.isArray(options.onlyViewport) &&
+        options.onlyViewport.some((c) => path.basename(mdPath, '.md').endsWith(c)));
+
+    loglevel.info(
+      'visit: %s, onlyViewport: %s, openTriggerClassName: %s',
+      pageUrl,
+      onlyViewport,
+      options.openTriggerClassName,
+    );
+    if (!onlyViewport) {
       // Get scroll height of the rendered page and set viewport
       const bodyHeight = await page.evaluate(() => document.body.scrollHeight);
       await page.setViewportSize({ width: 800, height: bodyHeight });
@@ -252,8 +273,8 @@ function parseArgs(): {
   // 增加并发
   await pAll(
     visitConfigs.map((visitConfig, i) => async () => {
-      console.log(
-        `处理 ${i + 1}/${mdPaths.length}: ${visitConfig.mdPath}-${visitConfig.theme}-${visitConfig.enableCssVar}`,
+      loglevel.info(
+        `处理 ${i + 1}/${visitConfigs.length}: ${visitConfig.mdPath} / ${visitConfig.theme} / ${visitConfig.enableCssVar}`,
       );
       return task(visitConfig);
     }),