tests: 迁移 protable rakLocale 和 request-exception

Author: jaykou25

packages/react-admin-kit-vitest/tests/ProTable/rakLocale.spec.tsx

@@ -0,0 +1,193 @@
+import { describe, expect, test, vi } from 'vitest';
+import SettingProvider from 'react-admin-kit/SettingProvider';
+import ProTable from 'react-admin-kit/ProTable';
+import { render } from 'vitest-browser-react';
+
+// 测试用的英文 locale
+const enLocale = {
+  tableTitleAfter: ' List',
+  formTypeNew: 'New',
+  formTypeEdit: 'Edit',
+  formTypeRead: 'View',
+  exportFilename: 'Export List',
+  delBtnText: 'Delete',
+  delPopconfirmTitle: 'Are you sure to delete?',
+  delModalConfirmTitle: 'Confirm',
+  delModalConfirmContent: 'Are you sure to delete?',
+  delSuccessContent: 'Deleted successfully',
+  alertDelBtnText: 'Batch Delete',
+  alertDelPopconfirmTitle: (rowKeys) =>
+    `Are you sure to delete ${rowKeys.length} items?`,
+  alertDelModalConfirmTitle: 'Confirm',
+  alertDelModalConfirmContent: (rowKeys) =>
+    `Are you sure to delete ${rowKeys.length} items?`,
+  confirmOnCloseTitle: 'Confirm Close',
+  confirmOnCloseContent: 'Form content not saved, are you sure to close?',
+};
+
+// 测试用的中文 locale
+const zhLocale = {
+  tableTitleAfter: '列表',
+  formTypeNew: '新增',
+  formTypeEdit: '编辑',
+  formTypeRead: '查看',
+  exportFilename: '导出列表',
+  delBtnText: '删除',
+  delPopconfirmTitle: '确认删除吗？',
+  delModalConfirmTitle: '操作确认',
+  delModalConfirmContent: '确认删除吗？',
+  delSuccessContent: '删除成功',
+  alertDelBtnText: '批量删除',
+  alertDelPopconfirmTitle: (rowKeys) => `确认删除${rowKeys.length}条数据吗？`,
+  alertDelModalConfirmTitle: '操作确认',
+  alertDelModalConfirmContent: (rowKeys) =>
+    `确认删除${rowKeys.length}条数据吗？`,
+  confirmOnCloseTitle: '确认关闭',
+  confirmOnCloseContent: '表单项内容未保存, 是否确认关闭?',
+};
+
+// 自定义测试 locale
+const customLocale = {
+  tableTitleAfter: ' Custom',
+  formTypeNew: 'Create',
+  formTypeEdit: 'Modify',
+  formTypeRead: 'Read',
+  delBtnText: 'MyDelete',
+};
+
+// Mock columns
+const mockColumns: any = [
+  {
+    title: 'Name',
+    dataIndex: 'name',
+    valueType: 'text',
+  },
+  {
+    title: 'Age',
+    dataIndex: 'age',
+    valueType: 'text',
+  },
+  {
+    title: 'option',
+    valueType: 'option',
+    enableDelete: true,
+    render: () => [],
+  },
+];
+
+// Mock request function
+const mockRequest = () =>
+  Promise.resolve({
+    data: [
+      { id: 1, name: 'John', age: 30 },
+      { id: 2, name: 'Jane', age: 25 },
+    ],
+    success: true,
+    total: 2,
+  });
+
+const mockDelete = vi.fn(() =>
+  Promise.resolve({
+    success: true,
+  }),
+);
+
+describe('ProTable rakLocale priority tests', () => {
+  test('应该在全局为中文 locale 时，使用组件级的英文 locale', async () => {
+    const Wrapper = ({ children }) => (
+      <SettingProvider locale={zhLocale}>{children}</SettingProvider>
+    );
+
+    const { getByText } = await render(
+      <Wrapper>
+        <ProTable
+          search={false}
+          name="User"
+          columns={mockColumns}
+          request={mockRequest}
+          rakLocale={enLocale}
+          rowKey="id"
+          delFunction={mockDelete}
+        />
+      </Wrapper>,
+    );
+
+    // 验证使用了英文 locale 的 tableTitleAfter
+    await expect(getByText('User List')).toBeInTheDocument();
+
+    await new Promise((resolve) => setTimeout(resolve, 100));
+
+    // 验证使用了英文 locale 的 delBtnText
+    await expect(getByText('Delete').length).toBeGreaterThan(0);
+  });
+
+  test('应该在全局为英文 locale 时，使用组件级的自定义 locale', async () => {
+    const Wrapper = ({ children }) => (
+      <SettingProvider locale={enLocale}>{children}</SettingProvider>
+    );
+
+    const { getByText } = await render(
+      <Wrapper>
+        <ProTable
+          name="User"
+          columns={mockColumns}
+          request={mockRequest}
+          delFunction={mockDelete}
+          rakLocale={customLocale}
+          rowKey="id"
+        />
+      </Wrapper>,
+    );
+
+    // 验证使用了自定义 locale 的 tableTitleAfter
+    await expect(getByText('User Custom')).toBeInTheDocument();
+
+    await new Promise((resolve) => setTimeout(resolve, 100));
+
+    await expect(getByText('MyDelete').length).toBeGreaterThan(0);
+  });
+});
+
+describe('场景2: 仅使用全局 locale（无组件级 rakLocale）', () => {
+  test('应该使用全局中文 locale', async () => {
+    const Wrapper = ({ children }) => (
+      <SettingProvider locale={zhLocale}>{children}</SettingProvider>
+    );
+
+    const { getByText } = await render(
+      <Wrapper>
+        <ProTable
+          name="User"
+          columns={mockColumns}
+          request={mockRequest}
+          rowKey="id"
+        />
+      </Wrapper>,
+    );
+
+    // 验证使用了全局中文 locale
+    await expect(getByText('User列表')).toBeInTheDocument();
+  });
+});
+
+describe('场景4: 既无全局 locale 也无组件级 rakLocale', () => {
+  test('应该使用默认中文 locale (zhCN)', async () => {
+    const Wrapper = ({ children }) => (
+      <SettingProvider>{children}</SettingProvider>
+    );
+
+    const { getByText } = await render(
+      <Wrapper>
+        <ProTable
+          name="User"
+          columns={mockColumns}
+          request={mockRequest}
+          rowKey="id"
+        />
+      </Wrapper>,
+    );
+
+    // 验证使用了默认中文 locale
+    await expect(getByText('User列表')).toBeInTheDocument();
+  });
+});

packages/react-admin-kit-vitest/tests/ProTable/request-exception.spec.tsx

@@ -0,0 +1,44 @@
+import { describe, expect, test, vi } from 'vitest';
+import ProTable from 'react-admin-kit/ProTable';
+import { render } from 'vitest-browser-react';
+
+describe('ProTable request 异常处理测试', () => {
+  const mockColumns = [{ title: 'Title' }];
+
+  test('request 函数抛出异常时应正确处理', async () => {
+    const mockRequest = vi.fn(() => Promise.reject(new Error('Network error')));
+
+    const { getByText } = await render(
+      <ProTable columns={mockColumns} request={mockRequest} />,
+    );
+
+    expect(getByText('暂无数据')).toHaveLength(2);
+  });
+
+  test('request 函数同步抛出异常时应正确处理', async () => {
+    const mockRequest = vi.fn(() => {
+      throw new Error('Synchronous error');
+    });
+
+    const { getByText } = await render(
+      <ProTable columns={mockColumns} request={mockRequest} />,
+    );
+
+    expect(getByText('暂无数据')).toHaveLength(2);
+  });
+
+  test('request 函数返回 rejected promise 时应正确处理', async () => {
+    const mockRequest = vi.fn(() =>
+      Promise.reject({
+        message: 'API error',
+        status: 500,
+      }),
+    );
+
+    const { getByText } = await render(
+      <ProTable columns={mockColumns} request={mockRequest} />,
+    );
+
+    expect(getByText('暂无数据')).toHaveLength(2);
+  });
+});