chore: update Item component test case (#34686)

Co-authored-by: Zack Chang <zackchangjx@foxmail.com>

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();
   });
 });

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
+<div
-  dataSource={
+  class="ant-list ant-list-split"
-    Array [
-      Object {
-        "id": 1,
-        "title": "ant design",
-      },
-      Object {
-        "id": 2,
-        "title": "ant design",
-      },
-      Object {
-        "id": 3,
-        "title": "ant design",
-      },
-    ]
-  }
-  renderItem={[Function]}
-  rowKey={[Function]}
 >
   <div
-    className="ant-list ant-list-split"
+    class="ant-spin-nested-loading"
-  >
-    <Spin
-      size="default"
-      spinning={false}
-      wrapperClassName=""
-    >
-      <div
-        className="ant-spin-nested-loading"
   >
     <div
-          className="ant-spin-container"
+      class="ant-spin-container"
-          key="container"
     >
       <ul
-            className="ant-list-items"
+        class="ant-list-items"
       >
-            <Item>
         <li
-                className="ant-list-item"
+          class="ant-list-item"
         >
           ant design
         </li>
-            </Item>
-            <Item>
         <li
-                className="ant-list-item"
+          class="ant-list-item"
         >
           ant design
         </li>
-            </Item>
-            <Item>
         <li
-                className="ant-list-item"
+          class="ant-list-item"
         >
           ant design
         </li>
-            </Item>
       </ul>
     </div>
   </div>
-    </Spin>
+</div>
-  </div>
-</List>
 `;
 
 exports[`List Item Layout rowKey could be string 1`] = `
-<List
+<div
-  dataSource={
+  class="ant-list ant-list-split"
-    Array [
-      Object {
-        "id": 1,
-        "title": "ant design",
-      },
-      Object {
-        "id": 2,
-        "title": "ant design",
-      },
-      Object {
-        "id": 3,
-        "title": "ant design",
-      },
-    ]
-  }
-  renderItem={[Function]}
-  rowKey="id"
 >
   <div
-    className="ant-list ant-list-split"
+    class="ant-spin-nested-loading"
-  >
-    <Spin
-      size="default"
-      spinning={false}
-      wrapperClassName=""
-    >
-      <div
-        className="ant-spin-nested-loading"
   >
     <div
-          className="ant-spin-container"
+      class="ant-spin-container"
-          key="container"
     >
       <ul
-            className="ant-list-items"
+        class="ant-list-items"
       >
-            <Item>
         <li
-                className="ant-list-item"
+          class="ant-list-item"
         >
           ant design
         </li>
-            </Item>
-            <Item>
         <li
-                className="ant-list-item"
+          class="ant-list-item"
         >
           ant design
         </li>
-            </Item>
-            <Item>
         <li
-                className="ant-list-item"
+          class="ant-list-item"
         >
           ant design
         </li>
-            </Item>
       </ul>
     </div>
   </div>
-    </Spin>
+</div>
-  </div>
-</List>
 `;
 
 exports[`List Item Layout should render in RTL direction 1`] = `