From 5e0c232077aa6235ad477a20f728e1a97c159754 Mon Sep 17 00:00:00 2001
From: Zack Chang <73225408+jrr997@users.noreply.github.com>
Date: Thu, 24 Mar 2022 14:27:42 +0800
Subject: [PATCH] chore: update Item component test case (#34686)

Co-authored-by: Zack Chang <zackchangjx@foxmail.com>
---
 components/list/__tests__/Item.test.js        |   4 +-
 .../__tests__/__snapshots__/Item.test.js.snap | 164 +++++-------------
 2 files changed, 50 insertions(+), 118 deletions(-)

diff --git a/components/list/__tests__/Item.test.js b/components/list/__tests__/Item.test.js
index 67985ffaa3..44c5fa1052 100644
--- 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
index 1c4323d456..abd9b98b31 100644
--- 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`] = `