test(datepicker): update chromatic viewports config

packages/semi-ui/datePicker/_story/RenderDate/index.js

@@ -17,7 +17,7 @@ export default function Demo() {
         return dayNumber;
     };
     return (
-        <div>
+        <div style={{ height: '100vh' }}>
             <div>通过 renderDate 可以自定义日期的显示内容</div>
             <DatePicker motion={false} defaultValue={defaultValue} defaultOpen renderDate={renderDate} />
         </div>
@@ -26,6 +26,6 @@ export default function Demo() {
 Demo.parameters = {
     chromatic: {
         disableSnapshot: false,
-        delay: 300,
+        delay: 3000,
     },
 };

packages/semi-ui/datePicker/_story/RenderFullDate/index.js

@@ -48,7 +48,7 @@ export default function Demo() {
     const rangeDefaultValue = [new Date('2021-12-08'), new Date('2021-01-20')];
 
     return (
-        <>
+        <div style={{ height: '100vh' }}>
             <div>
                 通过 renderFullDate 可以自定义日期单元格子的渲染，API 提供日期的当前状态：是否被选中，是否是当前日等。
             </div>  
@@ -66,12 +66,13 @@ export default function Demo() {
                     <DatePicker {...props} style={{ width: '230px' }} type={'dateRange'} renderFullDate={renderFullDate} defaultValue={rangeDefaultValue} />
                 </div>
             </Space>
-        </>
+        </div>
     );
 }
 Demo.parameters = {
     chromatic: {
         disableSnapshot: false,
-        delay: 300,
+        delay: 3000,
+        viewports: [1800]
     },
 };

packages/semi-ui/datePicker/_story/datePicker.stories.js

@@ -75,7 +75,7 @@ const demoDiv = {
 };
 
 export const DatePickerDefault = () => (
-  <div style={demoDiv}>
+  <div style={{...demoDiv, height: '100vh'}}>
     <span>datePicker施工现场</span>
     <DatePicker
       insetLabel={<span>日期</span>}

packages/semi-ui/datePicker/_story/v2/PanelOpen.jsx

@@ -19,18 +19,21 @@ export default function App() {
     // 使用过去的时间，避免当前日变动引入 UI 测试失败
     const defaultRangeValue = [defaultValue, new Date('2021-03-31 00:00:00')];
     return (
-        <Space wrap spacing={spacing}>
-            <DatePicker {...props} type="month" defaultValue={defaultValue} />
-            <DatePicker {...props} type="dateTimeRange" defaultValue={defaultRangeValue} density="compact" />
-            <DatePicker {...props} type="dateTimeRange" defaultValue={defaultRangeValue} />
-        </Space>
+        <div style={{ height: '100vh' }}>
+            <Space wrap spacing={spacing}>
+                <DatePicker {...props} type="month" defaultValue={defaultValue} />
+                <DatePicker {...props} type="dateTimeRange" defaultValue={defaultRangeValue} density="compact" />
+                <DatePicker {...props} type="dateTimeRange" defaultValue={defaultRangeValue} />
+            </Space>
+        </div>
     );
 }
 
 App.parameters = {
     chromatic: {
         disableSnapshot: false,
-        delay: 300,
+        delay: 3000,
+        viewports: [1800]
     },
 };
 App.storyName = 'defaultOpen';