✅ test: 修复测试用例 && 更新 snapshot

ant-design · Aug 27, 2023 · acaf668 · acaf668
1 parent ae87491
commit acaf668
Show file tree

Hide file tree

Showing 3 changed files with 3,430 additions and 8,495 deletions.
diff --git a/src/SortableList/store/listDataReducer.test.ts b/src/SortableList/store/listDataReducer.test.ts
@@ -1,16 +1,16 @@
 import { listDataReducer } from './listDataReducer';
 
 const listData = [
-  { id: '1', title: '序号', dataIndex: 'indexBorder' },
+  { id: 1, title: '序号', dataIndex: 'indexBorder' },
   {
-    id: '2',
+    id: 2,
     title: '授权企业名称',
     dataIndex: 'text',
   },
-  { id: '3', title: '被授权企业', dataIndex: 'select' },
+  { id: 3, title: '被授权企业', dataIndex: 'select' },
 ];
 
-const newItem = { id: '4', title: '邮箱', dataIndex: 'text' };
+const newItem = { id: 4, title: '邮箱', dataIndex: 'text' };
 
 describe('listDataReducer', () => {
   describe('moveItem', () => {
@@ -27,13 +27,13 @@ describe('listDataReducer', () => {
   describe('addItem', () => {
     it('添加一项到末尾', () => {
       const listData = [
-        { id: '1', title: '序号', dataIndex: 'indexBorder' },
+        { id: 1, title: '序号', dataIndex: 'indexBorder' },
         {
-          id: '2',
+          id: 2,
           title: '授权企业名称',
           dataIndex: 'text',
         },
-        { id: '3', title: '被授权企业', dataIndex: 'select' },
+        { id: 3, title: '被授权企业', dataIndex: 'select' },
       ];
 
       const data = listDataReducer(listData, {
@@ -46,13 +46,13 @@ describe('listDataReducer', () => {
 
     it('添加一项到任意位置', () => {
       const listData = [
-        { id: '1', title: '序号', dataIndex: 'indexBorder' },
+        { id: 1, title: '序号', dataIndex: 'indexBorder' },
         {
-          id: '2',
+          id: 2,
           title: '授权企业名称',
           dataIndex: 'text',
         },
-        { id: '3', title: '被授权企业', dataIndex: 'select' },
+        { id: 3, title: '被授权企业', dataIndex: 'select' },
       ];
 
       const data = listDataReducer(listData, {

diff --git a/src/SortableList/utils/index.tsx b/src/SortableList/utils/index.tsx
@@ -1,6 +1,6 @@
 import type { UniqueIdentifier } from '@dnd-kit/core';
 import isEqual from 'lodash.isequal';
-import React from 'react';
+import { useEffect, useState } from 'react';
 import type { SortableItemList } from '../type';
 
 const defaultInitializer = (index: number) => index;
@@ -52,8 +52,8 @@ export function move<T>(array: T[], moveIndex: number, toIndex: number) {
 }
 
 export const useLatest = (props: any) => {
-  const [state, setState] = React.useState(props);
-  React.useEffect(() => {
+  const [state, setState] = useState(props);
+  useEffect(() => {
     if (!isEqual(props, state)) {
       setState(props);
     }