@gadmin2n/schematics 0.0.138 → 0.0.140

package/dist/lib/application/files/gadmin2-game-angle-demo/web/src/routes/workflow/node-instances/widgets/HttpRequestConfigEditor.test.tsx

@@ -0,0 +1,189 @@
+import React from 'react';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { Form } from 'antd';
+import type { FormInstance } from 'antd';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import i18n from '../../../../i18n';
+import { SchemaForm } from '../schema-form/SchemaForm';
+
+vi.mock('@monaco-editor/react', () => ({
+  default: ({
+    value,
+    onChange,
+    height,
+  }: {
+    value?: string;
+    onChange?(value: string): void;
+    height?: string | number;
+  }) => (
+    <textarea
+      aria-label="JSON code editor"
+      data-height={height}
+      value={value}
+      onChange={(event) => onChange?.(event.target.value)}
+    />
+  ),
+}));
+
+vi.mock('helpers/http', () => ({
+  customRequest: vi.fn().mockResolvedValue([]),
+}));
+
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: () => ({
+    matches: false,
+    addListener: () => undefined,
+    removeListener: () => undefined,
+    addEventListener: () => undefined,
+    removeEventListener: () => undefined,
+    dispatchEvent: () => false,
+  }),
+});
+
+const httpSchema = {
+  type: 'object' as const,
+  properties: {
+    connectionRef: { type: 'string' as const },
+    method: { type: 'string' as const },
+    path: { type: 'string' as const },
+  },
+  required: ['connectionRef', 'method', 'path'],
+};
+
+function renderEditor() {
+  let form!: FormInstance;
+
+  function TestForm() {
+    [form] = Form.useForm();
+    return (
+      <Form form={form}>
+        <SchemaForm
+          schema={httpSchema}
+          uiSchema={{ widget: 'http-request-config' }}
+        />
+      </Form>
+    );
+  }
+
+  render(<TestForm />);
+  return form;
+}
+
+describe('HttpRequestConfigEditor', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    void i18n.changeLanguage('en');
+  });
+
+  it('renders Workflow controls in Chinese when zh_CN is active', async () => {
+    await i18n.changeLanguage('zh_CN');
+
+    renderEditor();
+
+    expect(screen.getByText('连接与操作')).toBeInTheDocument();
+    expect(screen.queryByText('请求参数')).not.toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: /添加查询参数/ }),
+    ).toBeInTheDocument();
+  });
+
+  it('stores a query field as a direct input binding', async () => {
+    const form = renderEditor();
+
+    fireEvent.click(
+      screen.getByRole('button', { name: /Add query parameter/ }),
+    );
+
+    await waitFor(() =>
+      expect(form.getFieldValue('config')).toMatchObject({
+        queryBindings: {
+          departmentId: { source: 'INPUT', path: 'departmentId' },
+        },
+      }),
+    );
+    expect(screen.getByText('input.departmentId')).toBeInTheDocument();
+  });
+
+  it('offers friendly system-provided values for request fields', async () => {
+    const form = renderEditor();
+
+    fireEvent.click(screen.getByRole('button', { name: /Add body field/ }));
+    fireEvent.mouseDown(
+      await screen.findByRole('combobox', {
+        name: /ticketId value source/,
+      }),
+    );
+    fireEvent.click(await screen.findByText('System-provided'));
+
+    fireEvent.mouseDown(
+      screen.getByRole('combobox', { name: /System value for ticketId/ }),
+    );
+    const callbackTokenOptions = await screen.findAllByText(
+      'External result callback token',
+    );
+    fireEvent.click(callbackTokenOptions[callbackTokenOptions.length - 1]);
+
+    await waitFor(() =>
+      expect(form.getFieldValue('config')).toMatchObject({
+        bodyBindings: {
+          ticketId: { source: 'SYSTEM', path: 'callback.token' },
+        },
+      }),
+    );
+  });
+
+  it('marks required request fields and rejects a missing Connection', async () => {
+    const form = renderEditor();
+
+    for (const label of ['Connection', 'Method', 'Path']) {
+      expect(screen.getByText(label).closest('label')).toHaveClass(
+        'ant-form-item-required',
+      );
+    }
+
+    await expect(form.validateFields()).rejects.toMatchObject({
+      errorFields: [expect.objectContaining({ name: ['config'] })],
+    });
+  });
+
+  it('stores the visible Method and Path defaults in the form', async () => {
+    const form = renderEditor();
+
+    await waitFor(() =>
+      expect(form.getFieldValue('config')).toMatchObject({
+        method: 'GET',
+        path: '/',
+      }),
+    );
+  });
+
+  it('uses a large JSON editor with live validation, formatting, and expansion', async () => {
+    const form = renderEditor();
+
+    fireEvent.click(screen.getByRole('button', { name: 'Advanced JSON' }));
+
+    const editor = await screen.findByLabelText('JSON code editor');
+    expect(editor).toHaveAttribute('data-height', '300px');
+    expect(
+      screen.getByRole('button', { name: /Format JSON/ }),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByRole('button', { name: /Expand editor/ }),
+    ).toBeInTheDocument();
+    expect(screen.getByText('{{system.callback.token}}')).toBeInTheDocument();
+
+    fireEvent.change(editor, { target: { value: '{' } });
+    expect(await screen.findByText(/line 1, column 2/i)).toBeInTheDocument();
+
+    fireEvent.change(editor, {
+      target: { value: '{"title":"{{workflow.title}}"}' },
+    });
+    await waitFor(() =>
+      expect(form.getFieldValue(['config', 'body'])).toEqual({
+        title: '{{workflow.title}}',
+      }),
+    );
+    expect(screen.queryByText(/line 1, column 2/i)).not.toBeInTheDocument();
+  });
+});