test: update test

Author: tangjinzhou

components/page-header/__tests__/__snapshots__/demo.test.js.snap

@@ -3,7 +3,7 @@
 exports[`Spin should only affect the spin element when set style to a nested <Spin>xx</Spin> 1`] = `
 <div class="ant-spin-nested-loading">
   <div>
-    <div style="background: red;" class="ant-spin ant-spin-spinning"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span>
+    <div style="background: red;" class="ant-spin ant-spin-spinning" aria-live="polite" aria-busy="true"><span class="ant-spin-dot ant-spin-dot-spin"><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i><i class="ant-spin-dot-item"></i></span>
       <!---->
     </div>
   </div>
@@ -14,7 +14,7 @@ exports[`Spin should only affect the spin element when set style to a nested <Sp
 `;
 
 exports[`Spin should render custom indicator when it's set 1`] = `
-<div class="ant-spin ant-spin-spinning">
+<div class="ant-spin ant-spin-spinning" aria-live="polite" aria-busy="true">
   <div class="custom-indicator ant-spin-dot"></div>
   <!---->
 </div>

components/spin/__tests__/__snapshots__/index.test.js.snap

@@ -1,8 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders ./components/statistic/demo/basic.vue correctly 1`] = `
-<div class="ant-row">
-  <div class="ant-col ant-col-12">
+<div role="row" class="ant-row">
+  <div role="cell" class="ant-col ant-col-12">
     <div class="ant-statistic" style="margin-right: 50px;">
       <div class="ant-statistic-title">Active Users</div>
       <div class="ant-statistic-content">
@@ -11,7 +11,7 @@ exports[`renders ./components/statistic/demo/basic.vue correctly 1`] = `
       </div>
     </div>
   </div>
-  <div class="ant-col ant-col-12">
+  <div role="cell" class="ant-col ant-col-12">
     <div class="ant-statistic">
       <div class="ant-statistic-title">Account Balance (CNY)</div>
       <div class="ant-statistic-content">
@@ -25,8 +25,8 @@ exports[`renders ./components/statistic/demo/basic.vue correctly 1`] = `
 
 exports[`renders ./components/statistic/demo/card.vue correctly 1`] = `
 <div style="background: rgb(236, 236, 236); padding: 30px;">
-  <div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
-    <div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
+  <div role="row" class="ant-row" style="margin-left: -8px; margin-right: -8px;">
+    <div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
       <div class="ant-card ant-card-bordered">
         <!---->
         <!---->
@@ -39,7 +39,7 @@ exports[`renders ./components/statistic/demo/card.vue correctly 1`] = `
         <!---->
       </div>
     </div>
-    <div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
+    <div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
       <div class="ant-card ant-card-bordered">
         <!---->
         <!---->
@@ -57,8 +57,8 @@ exports[`renders ./components/statistic/demo/card.vue correctly 1`] = `
 `;
 
 exports[`renders ./components/statistic/demo/countdown.vue correctly 1`] = `
-<div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
-  <div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
+<div role="row" class="ant-row" style="margin-left: -8px; margin-right: -8px;">
+  <div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
     <div class="ant-statistic" style="margin-right: 50px;">
       <div class="ant-statistic-title">Countdown</div>
       <div class="ant-statistic-content">
@@ -67,7 +67,7 @@ exports[`renders ./components/statistic/demo/countdown.vue correctly 1`] = `
       </div>
     </div>
   </div>
-  <div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
+  <div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
     <div class="ant-statistic" style="margin-right: 50px;">
       <div class="ant-statistic-title">Million Seconds</div>
       <div class="ant-statistic-content">
@@ -76,7 +76,7 @@ exports[`renders ./components/statistic/demo/countdown.vue correctly 1`] = `
       </div>
     </div>
   </div>
-  <div class="ant-col ant-col-24" style="padding-left: 8px; padding-right: 8px; margin-top: 32px;">
+  <div role="cell" class="ant-col ant-col-24" style="padding-left: 8px; padding-right: 8px; margin-top: 32px;">
     <div class="ant-statistic">
       <div class="ant-statistic-title">Day Level</div>
       <div class="ant-statistic-content">
@@ -89,8 +89,8 @@ exports[`renders ./components/statistic/demo/countdown.vue correctly 1`] = `
 `;
 
 exports[`renders ./components/statistic/demo/countdown-slot.vue correctly 1`] = `
-<div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
-  <div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
+<div role="row" class="ant-row" style="margin-left: -8px; margin-right: -8px;">
+  <div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
     <div class="ant-statistic" style="margin-right: 50px;">
       <div class="ant-statistic-title"><span>Countdown</span>
         <!----><span role="img" aria-label="question-circle" style="margin-left: 5px;" tabindex="-1" class="anticon anticon-question-circle"><svg focusable="false" class="" data-icon="question-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" fill="#1890ff"></path><path d="M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372 372-166.6 372-372-166.6-372-372-372zm0 632c-22.1 0-40-17.9-40-40s17.9-40 40-40 40 17.9 40 40-17.9 40-40 40zm62.9-219.5a48.3 48.3 0 00-30.9 44.8V620c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-21.5c0-23.1 6.7-45.9 19.9-64.9 12.9-18.6 30.9-32.8 52.1-40.9 34-13.1 56-41.6 56-72.7 0-44.1-43.1-80-96-80s-96 35.9-96 80v7.6c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V420c0-39.3 17.2-76 48.4-103.3C430.4 290.4 470 276 512 276s81.6 14.5 111.6 40.7C654.8 344 672 380.7 672 420c0 57.8-38.1 109.8-97.1 132.5z" fill="#e6f7ff"></path><path d="M472 732a40 40 0 1080 0 40 40 0 10-80 0zm151.6-415.3C593.6 290.5 554 276 512 276s-81.6 14.4-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.2 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5 0-39.3-17.2-76-48.4-103.3z" fill="#1890ff"></path></svg></span>
@@ -101,7 +101,7 @@ exports[`renders ./components/statistic/demo/countdown-slot.vue correctly 1`] =
       </div>
     </div>
   </div>
-  <div class="ant-col ant-col-24" style="padding-left: 8px; padding-right: 8px; margin-top: 32px;">
+  <div role="cell" class="ant-col ant-col-24" style="padding-left: 8px; padding-right: 8px; margin-top: 32px;">
     <div class="ant-statistic" style="margin-right: 50px;">
       <div class="ant-statistic-title">Million Seconds countdown</div>
       <div class="ant-statistic-content"><span class="ant-statistic-content-prefix"><span>There's only</span></span><span class="ant-statistic-content-value">40:00:00:000</span><span class="ant-statistic-content-suffix"><span>left for the end.</span></span></div>
@@ -111,16 +111,16 @@ exports[`renders ./components/statistic/demo/countdown-slot.vue correctly 1`] =
 `;
 
 exports[`renders ./components/statistic/demo/unit.vue correctly 1`] = `
-<div class="ant-row" style="margin-left: -8px; margin-right: -8px;">
-  <div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
+<div role="row" class="ant-row" style="margin-left: -8px; margin-right: -8px;">
+  <div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
     <div class="ant-statistic" style="margin-right: 50px;">
       <div class="ant-statistic-title">Feedback</div>
       <div class="ant-statistic-content">
         <!----><span class="ant-statistic-content-value"><span class="ant-statistic-content-value-int">1,128</span></span><span class="ant-statistic-content-suffix"><span role="img" aria-label="like" class="anticon anticon-like"><svg focusable="false" class="" data-icon="like" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M885.9 533.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.4-65.5-111.1a67.67 67.67 0 00-34.3-9.3H572.4l6-122.9c1.4-29.7-9.1-57.9-29.5-79.4A106.62 106.62 0 00471 99.9c-52 0-98 35-111.8 85.1l-85.9 311H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h601.3c9.2 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7-.2-12.6-2-25.1-5.6-37.1zM184 852V568h81v284h-81zm636.4-353l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 016.9 27.3c0 22.4-13.2 42.6-33.6 51.8H329V564.8l99.5-360.5a44.1 44.1 0 0142.2-32.3c7.6 0 15.1 2.2 21.1 6.7 9.9 7.4 15.2 18.6 14.6 30.5l-9.6 198.4h314.4C829 418.5 840 436.9 840 456c0 16.5-7.2 32.1-19.6 43z"></path></svg></span></span>
       </div>
     </div>
   </div>
-  <div class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
+  <div role="cell" class="ant-col ant-col-12" style="padding-left: 8px; padding-right: 8px;">
     <div class="ant-statistic demo-class">
       <div class="ant-statistic-title">Unmerged</div>
       <div class="ant-statistic-content">

components/statistic/__tests__/__snapshots__/demo.test.js.snap

@@ -107,57 +107,55 @@ exports[`Table.rowSelection render with default selection correctly 1`] = `
 <div>
   <!---->
   <div class="ant-dropdown" style="pointer-events: none; display: none;">
-    <div class="ant-dropdown-content">
-      <!---->
-      <ul class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light" role="menu" data-menu-list="true">
-        <div>
-          <!---->
-          <div class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip" style="pointer-events: none; display: none;">
-            <div class="ant-tooltip-content">
-              <div class="ant-tooltip-arrow"><span class="ant-tooltip-arrow-content"></span></div>
-              <div class="ant-tooltip-inner" role="tooltip">
-                <!---->
-              </div>
+    <!---->
+    <ul class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light" role="menu" data-menu-list="true">
+      <div>
+        <!---->
+        <div class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip" style="pointer-events: none; display: none;">
+          <div class="ant-tooltip-content">
+            <div class="ant-tooltip-arrow"><span class="ant-tooltip-arrow-content"></span></div>
+            <div class="ant-tooltip-inner" role="tooltip">
+              <!---->
             </div>
           </div>
         </div>
-        <li class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child" role="menuitem" tabindex="-1" data-menu-id="all" aria-disabled="false">
-          <!----><span class="ant-dropdown-menu-title-content">Select all data</span>
-        </li>
-        <div>
-          <!---->
-          <div class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip" style="pointer-events: none; display: none;">
-            <div class="ant-tooltip-content">
-              <div class="ant-tooltip-arrow"><span class="ant-tooltip-arrow-content"></span></div>
-              <div class="ant-tooltip-inner" role="tooltip">
-                <!---->
-              </div>
+      </div>
+      <li class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child" role="menuitem" tabindex="-1" data-menu-id="all" aria-disabled="false">
+        <!----><span class="ant-dropdown-menu-title-content">Select all data</span>
+      </li>
+      <div>
+        <!---->
+        <div class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip" style="pointer-events: none; display: none;">
+          <div class="ant-tooltip-content">
+            <div class="ant-tooltip-arrow"><span class="ant-tooltip-arrow-content"></span></div>
+            <div class="ant-tooltip-inner" role="tooltip">
+              <!---->
             </div>
           </div>
         </div>
-        <li class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child" role="menuitem" tabindex="-1" data-menu-id="invert" aria-disabled="false">
-          <!----><span class="ant-dropdown-menu-title-content">Invert current page</span>
-        </li>
-        <div>
-          <!---->
-          <div class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip" style="pointer-events: none; display: none;">
-            <div class="ant-tooltip-content">
-              <div class="ant-tooltip-arrow"><span class="ant-tooltip-arrow-content"></span></div>
-              <div class="ant-tooltip-inner" role="tooltip">
-                <!---->
-              </div>
+      </div>
+      <li class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child" role="menuitem" tabindex="-1" data-menu-id="invert" aria-disabled="false">
+        <!----><span class="ant-dropdown-menu-title-content">Invert current page</span>
+      </li>
+      <div>
+        <!---->
+        <div class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip" style="pointer-events: none; display: none;">
+          <div class="ant-tooltip-content">
+            <div class="ant-tooltip-arrow"><span class="ant-tooltip-arrow-content"></span></div>
+            <div class="ant-tooltip-inner" role="tooltip">
+              <!---->
             </div>
           </div>
         </div>
-        <li class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child" role="menuitem" tabindex="-1" data-menu-id="none" aria-disabled="false">
-          <!----><span class="ant-dropdown-menu-title-content">Clear all data</span>
-        </li>
-        <!---->
-        <!---->
-        <!--teleport start-->
-        <!--teleport end-->
-      </ul>
-    </div>
+      </div>
+      <li class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child" role="menuitem" tabindex="-1" data-menu-id="none" aria-disabled="false">
+        <!----><span class="ant-dropdown-menu-title-content">Clear all data</span>
+      </li>
+      <!---->
+      <!---->
+      <!--teleport start-->
+      <!--teleport end-->
+    </ul>
   </div>
 </div>
 `;

components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap

@@ -3,7 +3,7 @@
 exports[`Table.sorter renders sorter icon correctly 1`] = `
 <thead class="ant-table-thead">
   <tr>
-    <th class="ant-table-cell ant-table-column-has-sorters" colstart="0" colend="0">
+    <th class="ant-table-cell ant-table-column-has-sorters" tabindex="0" colstart="0" colend="0">
       <!---->
       <!---->
       <div class="ant-table-column-sorters"><span class="ant-table-column-title">Name</span><span class="ant-table-column-sorter ant-table-column-sorter-full"><span class="ant-table-column-sorter-inner"><span role="img" aria-label="caret-up" class="anticon anticon-caret-up ant-table-column-sorter-up"><svg focusable="false" class="" data-icon="caret-up" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="0 0 1024 1024"><path d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"></path></svg></span><span role="img" aria-label="caret-down" class="anticon anticon-caret-down ant-table-column-sorter-down"><svg focusable="false" class="" data-icon="caret-down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="0 0 1024 1024"><path d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"></path></svg></span></span></span></div>