feat: manually mirror opencoze's code from bytedance

Change-Id: I09a73aadda978ad9511264a756b2ce51f5761adf

frontend/packages/data/common/utils/__tests__/data-type-select.test.tsx

@@ -0,0 +1,69 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import { expect, vi, describe, test } from 'vitest';
+import { fireEvent, render, screen } from '@testing-library/react';
+
+import {
+  DataTypeSelect,
+  getDataTypeText,
+} from '../src/components/data-type-select';
+
+const handleChange = vi.fn();
+vi.mock('@coze-arch/i18n', () => ({
+  I18n: {
+    t: (key: string) => key,
+  },
+}));
+
+vi.mock('../src/components/singleline-select', () => ({
+  default: (props: { value: string; handleChange: (v: any) => void }) => (
+    <button onClick={() => props.handleChange('test change')}>
+      {props.value}
+    </button>
+  ),
+}));
+
+describe('data type select test', () => {
+  test('render', async () => {
+    await render(
+      <DataTypeSelect
+        value={'db_add_table_field_type_txt'}
+        handleChange={handleChange}
+        selectProps={{}}
+      />,
+    );
+    const select = await screen.queryByText('db_add_table_field_type_txt');
+    expect(select).not.toBeNull();
+  });
+  test('onChange', async () => {
+    await render(
+      <DataTypeSelect
+        value={'db_add_table_field_type_txt'}
+        handleChange={handleChange}
+        selectProps={{}}
+      />,
+    );
+    const select = await screen.queryByText('db_add_table_field_type_txt');
+    await fireEvent.click(select!);
+    expect(handleChange).toBeCalled();
+  });
+
+  test('getDataTypeText return null', () => {
+    const text = getDataTypeText('' as any);
+    expect(text).toBe('');
+  });
+});

frontend/packages/data/common/utils/__tests__/index.test.ts

@@ -0,0 +1,43 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import { expect, describe, test } from 'vitest';
+
+import { isValidUrl, completeUrl } from '../src/url';
+
+describe('url utils', () => {
+  test('isValidUrl', () => {
+    expect(isValidUrl('')).toBeFalsy();
+    expect(isValidUrl('test.com')).toBeFalsy();
+    expect(isValidUrl('http:test.2333.com')).toBeFalsy();
+    expect(isValidUrl('https:test.2333.com')).toBeFalsy();
+    expect(isValidUrl('http://test.2333.com')).toBeTruthy();
+    expect(isValidUrl('https://test.2333.com')).toBeTruthy();
+    expect(isValidUrl('https://test.c')).toBeFalsy();
+    expect(isValidUrl('https://test.com')).toBeTruthy();
+    expect(isValidUrl('https://test.com/')).toBeTruthy();
+    expect(isValidUrl('https://test.club')).toBeTruthy();
+    expect(
+      isValidUrl(
+        'https://mock.apifox.com/m1/793747-0-default/get_student_infos?apifoxApiId=159058215',
+      ),
+    ).toBeTruthy();
+  });
+  test('completeUrl', () => {
+    expect(completeUrl('')).toBe('http://');
+    expect(completeUrl('test.com')).toBe('http://test.com');
+  });
+});

frontend/packages/data/common/utils/__tests__/singleline-select.test.tsx

@@ -0,0 +1,87 @@
+/*
+ * Copyright 2025 coze-dev Authors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+ 
+import { expect, vi, describe, test } from 'vitest';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { type SelectProps } from '@coze-arch/coze-design';
+
+import { SinglelineSelect } from '../src/components/singleline-select';
+
+const handleChangeMock = vi.fn();
+vi.mock('@coze-arch/i18n', () => ({
+  I18n: {
+    t: (key: string) => key,
+  },
+}));
+
+vi.mock('@coze-arch/coze-design', () => ({
+  // eslint-disable-next-line @typescript-eslint/naming-convention
+  Select: (props: SelectProps) => {
+    const { optionList, onChange } = props;
+    return (
+      <>
+        {optionList?.map(option => (
+          <div key={option.value} onClick={() => onChange?.(option.value)}>
+            {option.value}
+          </div>
+        ))}
+      </>
+    );
+  },
+}));
+
+describe('singleline select test', () => {
+  test('render', async () => {
+    await render(
+      <SinglelineSelect
+        selectProps={{
+          optionList: [{ value: 'test' }, { value: 'test-1' }],
+        }}
+        handleChange={handleChangeMock}
+        value={'test'}
+      />,
+    );
+    const text = await screen.queryByText('test');
+    expect(text).not.toBeNull();
+    await render(
+      <SinglelineSelect
+        selectProps={{
+          optionList: [{ value: 'test' }, { value: 'test-1' }],
+        }}
+        handleChange={handleChangeMock}
+        value={'test'}
+        errorMsg={'test-error'}
+      />,
+    );
+    const errorMsg = await screen.queryByText('test-error');
+    expect(errorMsg).not.toBeNull();
+  });
+  test('change', async () => {
+    await render(
+      <SinglelineSelect
+        selectProps={{
+          optionList: [{ value: 'test' }, { value: 'test-1' }],
+        }}
+        handleChange={handleChangeMock}
+        value={'test'}
+        errorMsg={'test-error'}
+      />,
+    );
+    const selector = await screen.queryByText('test');
+    await fireEvent.click(selector!);
+    expect(handleChangeMock).toBeCalledWith('test');
+  });
+});