test: fix test case skip logic (#56701)

* test: fix test case skip logic

* fix

* fix

* test: add snapshot tests for splitter and table demos

* test: remove skip options from splitter tests

* test: add snapshot for size-mix demo in splitter component

components/button/__tests__/image.test.ts

@@ -1,5 +1,5 @@
 import { imageDemoTest } from '../../../tests/shared/imageTest';
 
 describe('Button image', () => {
-  imageDemoTest('button', { skip: ['loading.tsx'] });
+  imageDemoTest('button', { skip: ['loading.tsx', 'chinese-chars-loading.tsx'] });
 });

components/splitter/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -1293,6 +1293,139 @@ exports[`renders components/splitter/demo/size.tsx extend context correctly 1`]
 
 exports[`renders components/splitter/demo/size.tsx extend context correctly 2`] = `[]`;
 
+exports[`renders components/splitter/demo/size-mix.tsx extend context correctly 1`] = `
+Array [
+  <div
+    class="ant-radio-group ant-radio-group-outline css-var-test-id ant-radio-css-var"
+    role="radiogroup"
+    style="margin-bottom: 16px;"
+  >
+    <label
+      class="ant-radio-button-wrapper ant-radio-button-wrapper-checked css-var-test-id ant-radio-css-var"
+    >
+      <span
+        class="ant-radio-button ant-radio-button-checked"
+      >
+        <input
+          checked=""
+          class="ant-radio-button-input"
+          name="test-id"
+          type="radio"
+          value="1"
+        />
+        <span
+          class="ant-radio-button-inner"
+        />
+      </span>
+      <span
+        class="ant-radio-button-label"
+      >
+        Size Bucket 1
+      </span>
+    </label>
+    <label
+      class="ant-radio-button-wrapper css-var-test-id ant-radio-css-var"
+    >
+      <span
+        class="ant-radio-button"
+      >
+        <input
+          class="ant-radio-button-input"
+          name="test-id"
+          type="radio"
+          value="2"
+        />
+        <span
+          class="ant-radio-button-inner"
+        />
+      </span>
+      <span
+        class="ant-radio-button-label"
+      >
+        Size Bucket 2
+      </span>
+    </label>
+  </div>,
+  <div
+    class="ant-splitter ant-splitter-horizontal css-var-test-id ant-splitter-css-var"
+    style="height: 300px; width: 1000px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);"
+  >
+    <div
+      class="ant-splitter-panel"
+      style="flex-basis: 100px; flex-grow: 0;"
+    >
+      <div
+        class="ant-flex css-var-test-id ant-flex-align-center ant-flex-justify-center"
+        style="height: 100%;"
+      >
+        <h5
+          class="ant-typography ant-typography-secondary css-var-test-id"
+          style="white-space: nowrap;"
+        >
+          First
+        </h5>
+      </div>
+    </div>
+    <div
+      aria-valuemax="0"
+      aria-valuemin="0"
+      aria-valuenow="0"
+      class="ant-splitter-bar"
+      role="separator"
+    >
+      <div
+        class="ant-splitter-bar-dragger ant-splitter-bar-dragger-disabled"
+      />
+    </div>
+    <div
+      class="ant-splitter-panel"
+      style="flex-basis: auto; flex-grow: 1;"
+    >
+      <div
+        class="ant-flex css-var-test-id ant-flex-align-center ant-flex-justify-center"
+        style="height: 100%;"
+      >
+        <h5
+          class="ant-typography ant-typography-secondary css-var-test-id"
+          style="white-space: nowrap;"
+        >
+          Second
+        </h5>
+      </div>
+    </div>
+    <div
+      aria-valuemax="9980"
+      aria-valuemin="0"
+      aria-valuenow="0"
+      class="ant-splitter-bar"
+      role="separator"
+    >
+      <div
+        class="ant-splitter-bar-dragger ant-splitter-bar-dragger-disabled"
+      />
+    </div>
+    <div
+      class="ant-splitter-panel"
+      style="flex-basis: auto; flex-grow: 1;"
+    >
+      <div
+        class="ant-flex css-var-test-id ant-flex-align-center ant-flex-justify-center"
+        style="height: 100%;"
+      >
+        <h5
+          class="ant-typography ant-typography-secondary css-var-test-id"
+          style="white-space: nowrap;"
+        >
+          Third
+        </h5>
+      </div>
+    </div>
+  </div>,
+]
+`;
+
+exports[`renders components/splitter/demo/size-mix.tsx extend context correctly 2`] = `[]`;
+
 exports[`renders components/splitter/demo/style-class.tsx extend context correctly 1`] = `
 <div
   class="ant-flex css-var-test-id ant-flex-align-stretch ant-flex-gap-large ant-flex-vertical"

components/splitter/__tests__/__snapshots__/demo.test.ts.snap

@@ -1276,6 +1276,137 @@ exports[`renders components/splitter/demo/size.tsx correctly 1`] = `
 </div>
 `;
 
+exports[`renders components/splitter/demo/size-mix.tsx correctly 1`] = `
+Array [
+  <div
+    class="ant-radio-group ant-radio-group-outline css-var-test-id ant-radio-css-var"
+    role="radiogroup"
+    style="margin-bottom:16px"
+  >
+    <label
+      class="ant-radio-button-wrapper ant-radio-button-wrapper-checked css-var-test-id ant-radio-css-var"
+    >
+      <span
+        class="ant-radio-button ant-radio-button-checked"
+      >
+        <input
+          checked=""
+          class="ant-radio-button-input"
+          name="test-id"
+          type="radio"
+          value="1"
+        />
+        <span
+          class="ant-radio-button-inner"
+        />
+      </span>
+      <span
+        class="ant-radio-button-label"
+      >
+        Size Bucket 1
+      </span>
+    </label>
+    <label
+      class="ant-radio-button-wrapper css-var-test-id ant-radio-css-var"
+    >
+      <span
+        class="ant-radio-button"
+      >
+        <input
+          class="ant-radio-button-input"
+          name="test-id"
+          type="radio"
+          value="2"
+        />
+        <span
+          class="ant-radio-button-inner"
+        />
+      </span>
+      <span
+        class="ant-radio-button-label"
+      >
+        Size Bucket 2
+      </span>
+    </label>
+  </div>,
+  <div
+    class="ant-splitter ant-splitter-horizontal css-var-test-id ant-splitter-css-var"
+    style="height:300px;width:1000px;box-shadow:0 0 10px rgba(0, 0, 0, 0.1)"
+  >
+    <div
+      class="ant-splitter-panel"
+      style="flex-basis:100px;flex-grow:0"
+    >
+      <div
+        class="ant-flex css-var-test-id ant-flex-align-center ant-flex-justify-center"
+        style="height:100%"
+      >
+        <h5
+          class="ant-typography ant-typography-secondary css-var-test-id"
+          style="white-space:nowrap"
+        >
+          First
+        </h5>
+      </div>
+    </div>
+    <div
+      aria-valuemax="0"
+      aria-valuemin="0"
+      aria-valuenow="0"
+      class="ant-splitter-bar"
+      role="separator"
+    >
+      <div
+        class="ant-splitter-bar-dragger ant-splitter-bar-dragger-disabled"
+      />
+    </div>
+    <div
+      class="ant-splitter-panel"
+      style="flex-basis:auto;flex-grow:1"
+    >
+      <div
+        class="ant-flex css-var-test-id ant-flex-align-center ant-flex-justify-center"
+        style="height:100%"
+      >
+        <h5
+          class="ant-typography ant-typography-secondary css-var-test-id"
+          style="white-space:nowrap"
+        >
+          Second
+        </h5>
+      </div>
+    </div>
+    <div
+      aria-valuemax="9980"
+      aria-valuemin="0"
+      aria-valuenow="0"
+      class="ant-splitter-bar"
+      role="separator"
+    >
+      <div
+        class="ant-splitter-bar-dragger ant-splitter-bar-dragger-disabled"
+      />
+    </div>
+    <div
+      class="ant-splitter-panel"
+      style="flex-basis:auto;flex-grow:1"
+    >
+      <div
+        class="ant-flex css-var-test-id ant-flex-align-center ant-flex-justify-center"
+        style="height:100%"
+      >
+        <h5
+          class="ant-typography ant-typography-secondary css-var-test-id"
+          style="white-space:nowrap"
+        >
+          Third
+        </h5>
+      </div>
+    </div>
+  </div>,
+]
+`;
+
 exports[`renders components/splitter/demo/style-class.tsx correctly 1`] = `
 <div
   class="ant-flex css-var-test-id ant-flex-align-stretch ant-flex-gap-large ant-flex-vertical"

components/splitter/__tests__/demo-extend.test.ts

@@ -1,3 +1,3 @@
 import { extendTest } from '../../../tests/shared/demoTest';
 
-extendTest('splitter', { skip: ['size-mix'] });
+extendTest('splitter');

components/splitter/__tests__/demo.test.ts

@@ -1,3 +1,3 @@
 import demoTest from '../../../tests/shared/demoTest';
 
-demoTest('splitter', { skip: ['size-mix'] });
+demoTest('splitter');

components/splitter/__tests__/image.test.ts

@@ -1,5 +1,5 @@
 import { imageDemoTest } from '../../../tests/shared/imageTest';
 
 describe('Splitter image', () => {
-  imageDemoTest('splitter', { skip: ['size-mix'] });
+  imageDemoTest('splitter');
 });

components/table/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -10321,6 +10321,345 @@ exports[`renders components/table/demo/expand.tsx extend context correctly 1`] =
 
 exports[`renders components/table/demo/expand.tsx extend context correctly 2`] = `[]`;
 
+exports[`renders components/table/demo/expand-sticky.tsx extend context correctly 1`] = `
+<div
+  class="css-var-test-id ant-table-css-var ant-table-wrapper"
+>
+  <div
+    class="ant-spin-nested-loading css-var-test-id"
+  >
+    <div
+      class="ant-spin-container"
+    >
+      <div
+        class="ant-table ant-table-bordered css-var-test-id ant-table-css-var ant-table-has-fix-start"
+      >
+        <div
+          class="ant-table-container"
+        >
+          <div
+            class="ant-table-content"
+          >
+            <table
+              style="table-layout: auto;"
+            >
+              <colgroup>
+                <col
+                  style="width: 100px;"
+                />
+                <col
+                  class="ant-table-expand-icon-col"
+                />
+                <col
+                  style="width: 150px;"
+                />
+              </colgroup>
+              <thead
+                class="ant-table-thead"
+              >
+                <tr>
+                  <th
+                    class="ant-table-cell ant-table-cell-fix ant-table-cell-fix-start"
+                    scope="col"
+                    style="inset-inline-start: 0; --z-offset: 12; --z-offset-reverse: 6;"
+                  >
+                    Team
+                  </th>
+                  <th
+                    class="ant-table-cell ant-table-row-expand-icon-cell ant-table-cell-fix ant-table-cell-fix-start"
+                    style="inset-inline-start: 0; --z-offset: 11; --z-offset-reverse: 7;"
+                  />
+                  <th
+                    class="ant-table-cell ant-table-cell-fix ant-table-cell-fix-start ant-table-cell-fix-start-shadow"
+                    scope="col"
+                    style="inset-inline-start: 0; --z-offset: 10; --z-offset-reverse: 8;"
+                  >
+                    Name
+                  </th>
+                  <th
+                    class="ant-table-cell"
+                    scope="col"
+                  >
+                    Age
+                  </th>
+                  <th
+                    class="ant-table-cell"
+                    scope="col"
+                  >
+                    Address
+                  </th>
+                  <th
+                    class="ant-table-cell"
+                    scope="col"
+                  >
+                    Action
+                  </th>
+                </tr>
+              </thead>
+              <tbody
+                class="ant-table-tbody"
+              >
+                <tr
+                  class="ant-table-row ant-table-row-level-0"
+                  data-row-key="1"
+                >
+                  <td
+                    class="ant-table-cell ant-table-cell-fix ant-table-cell-fix-start"
+                    rowspan="2"
+                    style="inset-inline-start: 0; --z-offset: 12; --z-offset-reverse: 6;"
+                  >
+                    Team A
+                  </td>
+                  <td
+                    class="ant-table-cell ant-table-row-expand-icon-cell ant-table-cell-fix ant-table-cell-fix-start"
+                    style="inset-inline-start: 0; --z-offset: 11; --z-offset-reverse: 7;"
+                  >
+                    <button
+                      aria-expanded="false"
+                      aria-label="Expand row"
+                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
+                      type="button"
+                    />
+                  </td>
+                  <td
+                    class="ant-table-cell ant-table-cell-fix ant-table-cell-fix-start ant-table-cell-fix-start-shadow"
+                    style="inset-inline-start: 0; --z-offset: 10; --z-offset-reverse: 8;"
+                  >
+                    John Brown
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    32
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    New York No. 1 Lake Park
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    <a>
+                      Delete
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row ant-table-row-level-0"
+                  data-row-key="2"
+                >
+                  <td
+                    class="ant-table-cell ant-table-row-expand-icon-cell ant-table-cell-fix ant-table-cell-fix-start"
+                    style="inset-inline-start: 0; --z-offset: 11; --z-offset-reverse: 7;"
+                  >
+                    <button
+                      aria-expanded="false"
+                      aria-label="Expand row"
+                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
+                      type="button"
+                    />
+                  </td>
+                  <td
+                    class="ant-table-cell ant-table-cell-fix ant-table-cell-fix-start ant-table-cell-fix-start-shadow"
+                    style="inset-inline-start: 0; --z-offset: 10; --z-offset-reverse: 8;"
+                  >
+                    Jim Green
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    42
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    London No. 1 Lake Park
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    <a>
+                      Delete
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row ant-table-row-level-0"
+                  data-row-key="3"
+                >
+                  <td
+                    class="ant-table-cell ant-table-cell-fix ant-table-cell-fix-start"
+                    rowspan="2"
+                    style="inset-inline-start: 0; --z-offset: 12; --z-offset-reverse: 6;"
+                  >
+                    Team B
+                  </td>
+                  <td
+                    class="ant-table-cell ant-table-row-expand-icon-cell ant-table-cell-fix ant-table-cell-fix-start"
+                    style="inset-inline-start: 0; --z-offset: 11; --z-offset-reverse: 7;"
+                  >
+                    <button
+                      aria-expanded="false"
+                      aria-label="Expand row"
+                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
+                      type="button"
+                    />
+                  </td>
+                  <td
+                    class="ant-table-cell ant-table-cell-fix ant-table-cell-fix-start ant-table-cell-fix-start-shadow"
+                    style="inset-inline-start: 0; --z-offset: 10; --z-offset-reverse: 8;"
+                  >
+                    Not Expandable
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    29
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    Jiangsu No. 1 Lake Park
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    <a>
+                      Delete
+                    </a>
+                  </td>
+                </tr>
+                <tr
+                  class="ant-table-row ant-table-row-level-0"
+                  data-row-key="4"
+                >
+                  <td
+                    class="ant-table-cell ant-table-row-expand-icon-cell ant-table-cell-fix ant-table-cell-fix-start"
+                    style="inset-inline-start: 0; --z-offset: 11; --z-offset-reverse: 7;"
+                  >
+                    <button
+                      aria-expanded="false"
+                      aria-label="Expand row"
+                      class="ant-table-row-expand-icon ant-table-row-expand-icon-collapsed"
+                      type="button"
+                    />
+                  </td>
+                  <td
+                    class="ant-table-cell ant-table-cell-fix ant-table-cell-fix-start ant-table-cell-fix-start-shadow"
+                    style="inset-inline-start: 0; --z-offset: 10; --z-offset-reverse: 8;"
+                  >
+                    Joe Black
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    32
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    Sydney No. 1 Lake Park
+                  </td>
+                  <td
+                    class="ant-table-cell"
+                  >
+                    <a>
+                      Delete
+                    </a>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+      <ul
+        class="ant-pagination ant-table-pagination ant-table-pagination-end css-var-test-id"
+      >
+        <li
+          aria-disabled="true"
+          class="ant-pagination-prev ant-pagination-disabled"
+          title="Previous Page"
+        >
+          <button
+            class="ant-pagination-item-link"
+            disabled=""
+            tabindex="-1"
+            type="button"
+          >
+            <span
+              aria-label="left"
+              class="anticon anticon-left"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="left"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
+                />
+              </svg>
+            </span>
+          </button>
+        </li>
+        <li
+          class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
+          tabindex="0"
+          title="1"
+        >
+          <a
+            rel="nofollow"
+          >
+            1
+          </a>
+        </li>
+        <li
+          aria-disabled="true"
+          class="ant-pagination-next ant-pagination-disabled"
+          title="Next Page"
+        >
+          <button
+            class="ant-pagination-item-link"
+            disabled=""
+            tabindex="-1"
+            type="button"
+          >
+            <span
+              aria-label="right"
+              class="anticon anticon-right"
+              role="img"
+            >
+              <svg
+                aria-hidden="true"
+                data-icon="right"
+                fill="currentColor"
+                focusable="false"
+                height="1em"
+                viewBox="64 64 896 896"
+                width="1em"
+              >
+                <path
+                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
+                />
+              </svg>
+            </span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders components/table/demo/expand-sticky.tsx extend context correctly 2`] = `[]`;
+
 exports[`renders components/table/demo/filter-in-tree.tsx extend context correctly 1`] = `
 <div
   class="css-var-test-id ant-table-css-var ant-table-wrapper"