test: 测试用例

ant-design · Jan 22, 2024 · 6f83cda · 6f83cda
1 parent a0e1395
commit 6f83cda
Show file tree

Hide file tree

Showing 5 changed files with 421 additions and 138 deletions.
diff --git a/src/components/calendar-picker-view/tests/__snapshots__/calendar-picker-view.test.tsx.snap b/src/components/calendar-picker-view/tests/__snapshots__/calendar-picker-view.test.tsx.snap
@@ -56,7 +56,9 @@ exports[`Calendar custom top 1`] = `
     <div
       class="adm-calendar-picker-view-body"
     >
-      <div>
+      <div
+        data-date="2023-05"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -620,7 +622,9 @@ exports[`Calendar jump to a day 1`] = `
     <div
       class="adm-calendar-picker-view-body"
     >
-      <div>
+      <div
+        data-date="2021-01"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -1111,7 +1115,9 @@ exports[`Calendar jump to a day 1`] = `
           </div>
         </div>
       </div>
-      <div>
+      <div
+        data-date="2021-02"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -1545,7 +1551,9 @@ exports[`Calendar jump to a day 1`] = `
           </div>
         </div>
       </div>
-      <div>
+      <div
+        data-date="2021-03"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -2024,7 +2032,9 @@ exports[`Calendar jump to a day 1`] = `
           </div>
         </div>
       </div>
-      <div>
+      <div
+        data-date="2021-04"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -2497,7 +2507,9 @@ exports[`Calendar jump to a day 1`] = `
           </div>
         </div>
       </div>
-      <div>
+      <div
+        data-date="2021-05"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -2991,7 +3003,9 @@ exports[`Calendar jump to a day 1`] = `
           </div>
         </div>
       </div>
-      <div>
+      <div
+        data-date="2021-06"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -3458,7 +3472,9 @@ exports[`Calendar jump to a day 1`] = `
           </div>
         </div>
       </div>
-      <div>
+      <div
+        data-date="2021-07"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -4013,7 +4029,9 @@ exports[`Calendar jump to a day 2`] = `
     <div
       class="adm-calendar-picker-view-body"
     >
-      <div>
+      <div
+        data-date="2023-05"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -4494,7 +4512,9 @@ exports[`Calendar jump to a day 2`] = `
           </div>
         </div>
       </div>
-      <div>
+      <div
+        data-date="2023-06"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -4967,7 +4987,9 @@ exports[`Calendar jump to a day 2`] = `
           </div>
         </div>
       </div>
-      <div>
+      <div
+        data-date="2023-07"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -5461,7 +5483,9 @@ exports[`Calendar jump to a day 2`] = `
           </div>
         </div>
       </div>
-      <div>
+      <div
+        data-date="2023-08"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -5943,7 +5967,9 @@ exports[`Calendar jump to a day 2`] = `
           </div>
         </div>
       </div>
-      <div>
+      <div
+        data-date="2023-09"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -6419,7 +6445,9 @@ exports[`Calendar jump to a day 2`] = `
           </div>
         </div>
       </div>
-      <div>
+      <div
+        data-date="2023-10"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -6916,7 +6944,9 @@ exports[`Calendar jump to a day 2`] = `
           </div>
         </div>
       </div>
-      <div>
+      <div
+        data-date="2023-11"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -7447,7 +7477,9 @@ exports[`Calendar range mode 1`] = `
     <div
       class="adm-calendar-picker-view-body"
     >
-      <div>
+      <div
+        data-date="2023-05"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -7993,7 +8025,9 @@ exports[`Calendar single mode 1`] = `
     <div
       class="adm-calendar-picker-view-body"
     >
-      <div>
+      <div
+        data-date="2023-05"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >
@@ -8535,7 +8569,9 @@ exports[`Calendar week start on Monday 1`] = `
     <div
       class="adm-calendar-picker-view-body"
     >
-      <div>
+      <div
+        data-date="2023-05"
+      >
         <div
           class="adm-calendar-picker-view-title"
         >

diff --git a/src/components/calendar-picker-view/tests/calendar-picker-view.test.tsx b/src/components/calendar-picker-view/tests/calendar-picker-view.test.tsx
@@ -14,6 +14,10 @@ const maxDate: Date = new Date('2023-05-31')
 const singleDate: Date = new Date('2023-05-03')
 const rangeDate: [Date, Date] = [new Date('2023-05-04'), new Date('2023-05-07')]
 
+beforeEach(() => {
+  window.HTMLElement.prototype.scrollIntoView = jest.fn()
+})
+
 describe('Calendar', () => {
   test('a11y', async () => {
     await testA11y(<CalendarPickerView />)

diff --git a/src/components/calendar-picker/calendar-picker.tsx b/src/components/calendar-picker/calendar-picker.tsx
@@ -11,6 +11,7 @@ import CalendarPickerView, {
   CalendarPickerViewProps,
   CalendarPickerViewRef,
 } from '../calendar-picker-view'
+import { sleep } from '../../utils/sleep'
 
 const classPrefix = 'adm-calendar-picker'
 
@@ -74,7 +75,7 @@ export const CalendarPicker = forwardRef<
     ...calendarViewProps
   } = props
   useEffect(() => {
-    setImmediate(() => {
+    sleep(0).then(() => {
       const dateRange = calendarRef.current?.getDateRange() ?? null
       if (dateRange && dateRange[0]) {
         calendarRef.current?.scrollTo(dateRange[0])

diff --git a/src/components/calendar-picker/tests/calendar-picker.test.tsx b/src/components/calendar-picker/tests/calendar-picker.test.tsx
@@ -12,6 +12,10 @@ const mixDate: Date = new Date('2023-05-01')
 const maxDate: Date = new Date('2023-05-31')
 const singleDate: Date = new Date('2023-05-03')
 
+beforeEach(() => {
+  window.HTMLElement.prototype.scrollIntoView = jest.fn()
+})
+
 describe('Calendar', () => {
   test('a11y', async () => {
     await testA11y(<CalendarPicker />)