chore: update Item component test case (#34686)

Co-authored-by: Zack Chang <zackchangjx@foxmail.com>
ant-design · Mar 24, 2022 · 5e0c232 · 5e0c232
1 parent 35aa951
commit 5e0c232
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 118 deletions.
diff --git a/components/list/__tests__/Item.test.js b/components/list/__tests__/Item.test.js
@@ -151,7 +151,7 @@ describe('List Item Layout', () => {
         renderItem={item => <List.Item>{item.title}</List.Item>}
       />,
     );
-    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.render()).toMatchSnapshot();
   });
 
   it('rowKey could be function', () => {
@@ -176,6 +176,6 @@ describe('List Item Layout', () => {
         renderItem={item => <List.Item>{item.title}</List.Item>}
       />,
     );
-    expect(wrapper).toMatchSnapshot();
+    expect(wrapper.render()).toMatchSnapshot();
   });
 });
diff --git a/components/list/__tests__/__snapshots__/Item.test.js.snap b/components/list/__tests__/__snapshots__/Item.test.js.snap
@@ -58,139 +58,71 @@ exports[`List Item Layout horizontal itemLayout List should accept extra node 1`
 `;
 
 exports[`List Item Layout rowKey could be function 1`] = `
-<List
-  dataSource={
-    Array [
-      Object {
-        "id": 1,
-        "title": "ant design",
-      },
-      Object {
-        "id": 2,
-        "title": "ant design",
-      },
-      Object {
-        "id": 3,
-        "title": "ant design",
-      },
-    ]
-  }
-  renderItem={[Function]}
-  rowKey={[Function]}
+<div
+  class="ant-list ant-list-split"
 >
   <div
-    className="ant-list ant-list-split"
+    class="ant-spin-nested-loading"
   >
-    <Spin
-      size="default"
-      spinning={false}
-      wrapperClassName=""
+    <div
+      class="ant-spin-container"
     >
-      <div
-        className="ant-spin-nested-loading"
+      <ul
+        class="ant-list-items"
       >
-        <div
-          className="ant-spin-container"
-          key="container"
+        <li
+          class="ant-list-item"
         >
-          <ul
-            className="ant-list-items"
-          >
-            <Item>
-              <li
-                className="ant-list-item"
-              >
-                ant design
-              </li>
-            </Item>
-            <Item>
-              <li
-                className="ant-list-item"
-              >
-                ant design
-              </li>
-            </Item>
-            <Item>
-              <li
-                className="ant-list-item"
-              >
-                ant design
-              </li>
-            </Item>
-          </ul>
-        </div>
-      </div>
-    </Spin>
+          ant design
+        </li>
+        <li
+          class="ant-list-item"
+        >
+          ant design
+        </li>
+        <li
+          class="ant-list-item"
+        >
+          ant design
+        </li>
+      </ul>
+    </div>
   </div>
-</List>
+</div>
 `;
 
 exports[`List Item Layout rowKey could be string 1`] = `
-<List
-  dataSource={
-    Array [
-      Object {
-        "id": 1,
-        "title": "ant design",
-      },
-      Object {
-        "id": 2,
-        "title": "ant design",
-      },
-      Object {
-        "id": 3,
-        "title": "ant design",
-      },
-    ]
-  }
-  renderItem={[Function]}
-  rowKey="id"
+<div
+  class="ant-list ant-list-split"
 >
   <div
-    className="ant-list ant-list-split"
+    class="ant-spin-nested-loading"
   >
-    <Spin
-      size="default"
-      spinning={false}
-      wrapperClassName=""
+    <div
+      class="ant-spin-container"
     >
-      <div
-        className="ant-spin-nested-loading"
+      <ul
+        class="ant-list-items"
       >
-        <div
-          className="ant-spin-container"
-          key="container"
+        <li
+          class="ant-list-item"
         >
-          <ul
-            className="ant-list-items"
-          >
-            <Item>
-              <li
-                className="ant-list-item"
-              >
-                ant design
-              </li>
-            </Item>
-            <Item>
-              <li
-                className="ant-list-item"
-              >
-                ant design
-              </li>
-            </Item>
-            <Item>
-              <li
-                className="ant-list-item"
-              >
-                ant design
-              </li>
-            </Item>
-          </ul>
-        </div>
-      </div>
-    </Spin>
+          ant design
+        </li>
+        <li
+          class="ant-list-item"
+        >
+          ant design
+        </li>
+        <li
+          class="ant-list-item"
+        >
+          ant design
+        </li>
+      </ul>
+    </div>
   </div>
-</List>
+</div>
 `;
 
 exports[`List Item Layout should render in RTL direction 1`] = `