refactor: remove Fragment wrappers and simplify jest config

jest.config.ts

@@ -1,7 +1,6 @@
-import type { Config } from '@jest/types';
 import { configUmiAlias, createConfig } from '@umijs/max/test';
 
-export default async (): Promise<Config.InitialOptions> => {
+export default async (): Promise<any> => {
   const config = await configUmiAlias({
     ...createConfig({
       target: 'browser',

src/pages/account/settings/components/binding.tsx

@@ -4,7 +4,7 @@ import {
   TaobaoOutlined,
 } from '@ant-design/icons';
 import { List } from 'antd';
-import React, { Fragment } from 'react';
+import React from 'react';
 
 const BindingView: React.FC = () => {
   const getData = () => [
@@ -29,21 +29,19 @@ const BindingView: React.FC = () => {
   ];
 
   return (
-    <Fragment>
+    <List
-      <List
+      itemLayout="horizontal"
-        itemLayout="horizontal"
+      dataSource={getData()}
-        dataSource={getData()}
+      renderItem={(item) => (
-        renderItem={(item) => (
+        <List.Item actions={item.actions}>
-          <List.Item actions={item.actions}>
+          <List.Item.Meta
-            <List.Item.Meta
+            avatar={item.avatar}
-              avatar={item.avatar}
+            title={item.title}
-              title={item.title}
+            description={item.description}
-              description={item.description}
+          />
-            />
+        </List.Item>
-          </List.Item>
+      )}
-        )}
+    />
-      />
-    </Fragment>
   );
 };
 

src/pages/account/settings/components/notification.tsx

@@ -1,5 +1,5 @@
 import { List, Switch } from 'antd';
-import React, { Fragment } from 'react';
+import React from 'react';
 
 type Unpacked<T> = T extends (infer U)[] ? U : T;
 
@@ -29,17 +29,15 @@ const NotificationView: React.FC = () => {
 
   const data = getData();
   return (
-    <Fragment>
+    <List<Unpacked<typeof data>>
-      <List<Unpacked<typeof data>>
+      itemLayout="horizontal"
-        itemLayout="horizontal"
+      dataSource={data}
-        dataSource={data}
+      renderItem={(item) => (
-        renderItem={(item) => (
+        <List.Item actions={item.actions}>
-          <List.Item actions={item.actions}>
+          <List.Item.Meta title={item.title} description={item.description} />
-            <List.Item.Meta title={item.title} description={item.description} />
+        </List.Item>
-          </List.Item>
+      )}
-        )}
+    />
-      />
-    </Fragment>
   );
 };
 

src/pages/profile/advanced/index.tsx

@@ -27,7 +27,7 @@ import {
 } from 'antd';
 import classNames from 'classnames';
 import type { FC } from 'react';
-import React, { Fragment, useState } from 'react';
+import React, { useState } from 'react';
 import type { AdvancedProfileData } from './data.d';
 import { queryAdvancedProfile } from './service';
 import useStyles from './style.style';
@@ -187,28 +187,24 @@ const Advanced: FC = () => {
   );
   const desc1 = (
     <div className={classNames(styles.stepDescription)}>
-      <Fragment>
+      曲丽丽
-        曲丽丽
+      <DingdingOutlined
-        <DingdingOutlined
+        style={{
-          style={{
+          marginLeft: 8,
-            marginLeft: 8,
+        }}
-          }}
+      />
-        />
-      </Fragment>
       <div>2016-12-12 12:32</div>
     </div>
   );
   const desc2 = (
     <div className={styles.stepDescription}>
-      <Fragment>
+      周毛毛
-        周毛毛
+      <DingdingOutlined
-        <DingdingOutlined
+        style={{
-          style={{
+          color: '#00A0E9',
-            color: '#00A0E9',
+          marginLeft: 8,
-            marginLeft: 8,
+        }}
-          }}
+      />
-        />
-      </Fragment>
       <div>
         <a href="">催一下</a>
       </div>