diff --git a/packages/shared/lib/components/BasicChart/__snapshots__/index.test.tsx.snap b/packages/shared/lib/components/BasicChart/__snapshots__/index.test.tsx.snap
index ff584b52d..2c114e641 100644
--- a/packages/shared/lib/components/BasicChart/__snapshots__/index.test.tsx.snap
+++ b/packages/shared/lib/components/BasicChart/__snapshots__/index.test.tsx.snap
@@ -9,9 +9,7 @@ exports[`lib/BasicChart render type is column 1`] = `
class="ant-card-body"
>
@@ -238,8 +236,7 @@ exports[`lib/BasicChart render type is line 4`] = `
class="ant-card-body"
>
diff --git a/packages/shared/lib/testUtil/mockAntDesignPlots.jsx b/packages/shared/lib/testUtil/mockAntDesignPlots.jsx
index 7bde0ea70..369c2179e 100644
--- a/packages/shared/lib/testUtil/mockAntDesignPlots.jsx
+++ b/packages/shared/lib/testUtil/mockAntDesignPlots.jsx
@@ -1,22 +1,10 @@
-import { cloneDeep, isObject } from 'lodash';
-
-// 不适合作为 html 属性元素出现的 key 的数据集合
-const customDomKeyData = ['label', 'legend'];
+import { cloneDeep } from 'lodash';
const MockPlots = (props) => {
- const { onReady, ref, ...othersParams } = cloneDeep(props);
-
- Object.keys(othersParams).forEach((key) => {
- if (customDomKeyData.includes(key)) {
- delete othersParams[key];
- return;
- }
- if (isObject(othersParams[key])) {
- othersParams[key] = JSON.stringify(othersParams[key]);
- }
- });
-
- return ;
+ const clonePropsData = cloneDeep(props);
+ // 考虑到输入的属性是作为 div 的自定义属性,故而对 params 做了 stringify 的处理
+ const params = JSON.stringify(clonePropsData);
+ return ;
};
const Line = MockPlots;
diff --git a/packages/sqle/src/page/Order/Create/AuditResult/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/Order/Create/AuditResult/__snapshots__/index.test.tsx.snap
new file mode 100644
index 000000000..ee54deef9
--- /dev/null
+++ b/packages/sqle/src/page/Order/Create/AuditResult/__snapshots__/index.test.tsx.snap
@@ -0,0 +1,675 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`sqle/Order/Create/AuditResultForCreateOrder render snap when has base info 1`] = `
+
+
+
+
+ baseInfo workflow_subject
+
+
+ baseInfo desc
+
+
+
+
+
+`;
+
+exports[`sqle/Order/Create/AuditResultForCreateOrder render snap when has base info 2`] = `
+
+
+
+`;
diff --git a/packages/sqle/src/page/Order/Create/AuditResult/index.test.tsx b/packages/sqle/src/page/Order/Create/AuditResult/index.test.tsx
new file mode 100644
index 000000000..10b8bf42c
--- /dev/null
+++ b/packages/sqle/src/page/Order/Create/AuditResult/index.test.tsx
@@ -0,0 +1,47 @@
+import { renderWithTheme } from '../../../../testUtils/customRender';
+
+import AuditResultForCreateOrder from '.';
+import { AuditResultForCreateOrderProps } from './index.type';
+import { AuditTaskResV1AuditLevelEnum } from '@actiontech/shared/lib/api/sqle/service/common.enum';
+import { mockProjectInfo } from '@actiontech/shared/lib/testUtil/mockHook/data';
+
+describe('sqle/Order/Create/AuditResultForCreateOrder', () => {
+ const projectID = mockProjectInfo.projectID;
+ const customRender = (params: AuditResultForCreateOrderProps) => {
+ return renderWithTheme(
+
+ );
+ };
+
+ it('render snap when has base info', () => {
+ const { baseElement } = customRender({
+ baseInfo: {
+ workflow_subject: 'baseInfo workflow_subject',
+ desc: 'baseInfo desc'
+ },
+ tasks: [
+ {
+ audit_level: AuditTaskResV1AuditLevelEnum.normal
+ }
+ ],
+ projectID
+ });
+
+ expect(baseElement).toMatchSnapshot();
+ });
+
+ it('render snap when has base info', () => {
+ const { baseElement } = customRender({
+ tasks: [
+ {
+ audit_level: AuditTaskResV1AuditLevelEnum.normal
+ }
+ ],
+ projectID
+ });
+ expect(baseElement).toMatchSnapshot();
+ });
+});
diff --git a/packages/sqle/src/page/Order/Create/BaseInfoForm/BaseInfoFormItem.test.tsx b/packages/sqle/src/page/Order/Create/BaseInfoForm/BaseInfoFormItem.test.tsx
new file mode 100644
index 000000000..2594e8486
--- /dev/null
+++ b/packages/sqle/src/page/Order/Create/BaseInfoForm/BaseInfoFormItem.test.tsx
@@ -0,0 +1,62 @@
+import { Form } from 'antd';
+import { ReactNode } from 'react';
+import { cleanup, act, fireEvent } from '@testing-library/react';
+import { renderWithTheme } from '../../../../testUtils/customRender';
+import { getBySelector } from '@actiontech/shared/lib/testUtil/customQuery';
+
+import BaseInfoFormItem from './BaseInfoFormItem';
+
+describe('sqle/Order/CreateOrder/BaseInfoFormItem', () => {
+ const customRender = (params: { slot?: ReactNode } = {}) => {
+ return renderWithTheme(
+
+ );
+ };
+
+ beforeEach(() => {
+ jest.useFakeTimers();
+ // ignore error: Warning: `NaN` is an invalid value for the `height` css style property.
+ jest.spyOn(console, 'error').mockImplementation(() => {});
+ });
+
+ afterEach(() => {
+ jest.clearAllMocks();
+ jest.clearAllTimers();
+ (console.error as jest.Mock).mockRestore();
+ cleanup();
+ });
+
+ it('render snap when render default item', () => {
+ const { baseElement } = customRender();
+ expect(baseElement).toMatchSnapshot();
+ });
+
+ it('render workflow_subject check validator', async () => {
+ const { baseElement } = customRender();
+
+ const subjectEle = getBySelector('#workflow_subject', baseElement);
+
+ fireEvent.input(subjectEle, {
+ target: {
+ value: '1234'
+ }
+ });
+ await act(async () => jest.advanceTimersByTime(1000));
+ expect(baseElement).toMatchSnapshot();
+
+ fireEvent.change(subjectEle, {
+ target: {
+ value: '='
+ }
+ });
+ await act(async () => jest.advanceTimersByTime(1000));
+ expect(baseElement).toMatchSnapshot();
+ });
+
+ it('render when has slot', () => {
+ const { baseElement } = customRender({ slot: 111 });
+ expect(baseElement).toMatchSnapshot();
+ });
+});
diff --git a/packages/sqle/src/page/Order/Create/BaseInfoForm/__snapshots__/BaseInfoFormItem.test.tsx.snap b/packages/sqle/src/page/Order/Create/BaseInfoForm/__snapshots__/BaseInfoFormItem.test.tsx.snap
new file mode 100644
index 000000000..0067d061c
--- /dev/null
+++ b/packages/sqle/src/page/Order/Create/BaseInfoForm/__snapshots__/BaseInfoFormItem.test.tsx.snap
@@ -0,0 +1,490 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`sqle/Order/CreateOrder/BaseInfoFormItem render snap when render default item 1`] = `
+
+
+
+
+`;
+
+exports[`sqle/Order/CreateOrder/BaseInfoFormItem render when has slot 1`] = `
+
+
+
+
+`;
+
+exports[`sqle/Order/CreateOrder/BaseInfoFormItem render workflow_subject check validator 1`] = `
+
+
+
+
+`;
+
+exports[`sqle/Order/CreateOrder/BaseInfoFormItem render workflow_subject check validator 2`] = `
+
+
+
+
+`;
diff --git a/packages/sqle/src/page/Order/Create/BaseInfoForm/__snapshots__/index.test.tsx.snap b/packages/sqle/src/page/Order/Create/BaseInfoForm/__snapshots__/index.test.tsx.snap
new file mode 100644
index 000000000..8242119ac
--- /dev/null
+++ b/packages/sqle/src/page/Order/Create/BaseInfoForm/__snapshots__/index.test.tsx.snap
@@ -0,0 +1,148 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`sqle/Order/CreateOrder/BaseInfoForm render snap BaseInfoForm 1`] = `
+
+
+
+
+
+
+
+`;
diff --git a/packages/sqle/src/page/Order/Create/BaseInfoForm/index.test.tsx b/packages/sqle/src/page/Order/Create/BaseInfoForm/index.test.tsx
new file mode 100644
index 000000000..1d1e25b8b
--- /dev/null
+++ b/packages/sqle/src/page/Order/Create/BaseInfoForm/index.test.tsx
@@ -0,0 +1,31 @@
+import { Form } from 'antd';
+import { cleanup, screen } from '@testing-library/react';
+import { renderWithTheme } from '../../../../testUtils/customRender';
+import { renderHooksWithTheme } from '@actiontech/shared/lib/testUtil/customRender';
+
+import { OrderBaseInfoFormFields } from './index.type';
+import BaseInfoForm from '.';
+
+describe('sqle/Order/CreateOrder/BaseInfoForm', () => {
+ const customRender = () => {
+ const { result } = renderHooksWithTheme(() =>
+ Form.useForm()
+ );
+ return renderWithTheme();
+ };
+
+ beforeEach(() => {
+ jest.spyOn(console, 'error').mockImplementation(() => {});
+ });
+
+ afterEach(() => {
+ (console.error as jest.Mock).mockRestore();
+ cleanup();
+ });
+
+ it('render snap BaseInfoForm', () => {
+ const { baseElement } = customRender();
+ expect(screen.getByText('创建工单')).toBeInTheDocument();
+ expect(baseElement).toMatchSnapshot();
+ });
+});
diff --git a/packages/sqle/src/page/Order/Create/BaseInfoForm/index.tsx b/packages/sqle/src/page/Order/Create/BaseInfoForm/index.tsx
index 2be1e95d1..b3e5722d0 100644
--- a/packages/sqle/src/page/Order/Create/BaseInfoForm/index.tsx
+++ b/packages/sqle/src/page/Order/Create/BaseInfoForm/index.tsx
@@ -11,6 +11,7 @@ import BaseInfoFormItem from './BaseInfoFormItem';
const BaseInfoForm: React.FC = ({ form }) => {
const { t } = useTranslation();
+
return (
+
+
+
+
+
+
+
+
+ 工单创建成功
+
+
+ desc
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 工单创建成功
+
+
+ desc
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+