refactor: update test format

.gitignore

@@ -1,12 +1,10 @@
-
 .DS_Store
-.idea
 temp*
 .tmp-aigc-dts
 robotMsg.json
 .history
 
-## node modules
+# node modules
 node_modules
 
 # bundle files
@@ -16,8 +14,7 @@ cjs/
 lib/
 dist/
 
-
-## test files
+# test files
 coverage
 cypress-coverage
 cy-report
@@ -27,32 +24,34 @@ test/scripts/cypress/results
 test/scripts/cypress/support
 results/
 
-## site files
+# site files
 site/dist
 _static_site
 packages/**/_example-js/
 
-
-## lock files
+# lock files
 package-lock.json
 yarn.lock
 pnpm-lock.yaml
 
-## analysis files
+# analysis files
 bundle-analysis
 
-## mock files
+# chat
 packages/**/chat-engine/core
 packages/**/chat-engine/docs
 packages/**/chatbot/docs
-*.zip
-.codebuddy/memory
-.codebuddy/plans
 mock-server
 packages/**/docs
 packages/pro-components/chat/**/docs/
+
+# IDE
+.idea
 .codebuddy
+!.codebuddy/skills/
+!.codebuddy/specs/
 
+*.zip
 .zip
 openspec
 *.d.ts

packages/components/affix/__tests__/affix.test.tsx

@@ -46,24 +46,17 @@ describe('Affix', () => {
       expect(affixElement).not.toBeNull();
       expect((affixElement as HTMLElement)?.style.background).toBe('red');
     });
-    test('content', async () => {
-      const Children = () => <div>固钉</div>;
-      const { queryByText } = render(<Affix content={<Children />} />);
-      expect(queryByText('固钉')).toBeInTheDocument();
-    });
-  });
 
-  describe('scenarios', () => {
-    test('render perfectly', async () => {
-      const { queryByText } = render(
-        <Affix>
-          <div>固钉</div>
-        </Affix>,
-      );
+    test('content and children', () => {
+      const contentWrapper = render(<Affix content={<div>content</div>} />);
+      const childrenWrapper = render(<Affix>children</Affix>);
 
-      expect(queryByText('固钉')).toBeInTheDocument();
+      expect(contentWrapper.queryByText('content')).toBeInTheDocument();
+      expect(childrenWrapper.queryByText('children')).toBeInTheDocument();
     });
+  });
 
+  describe('scenarios', () => {
     test('offsetTop trigger onFixedChange and zIndex', async () => {
       const onFixedChangeMock = vi.fn();
 
@@ -87,7 +80,7 @@ describe('Affix', () => {
       expect(getByText('固钉').parentElement?.style.zIndex).toBe('2');
     });
 
-    test('offsetBottom  trigger onFixedChange and zIndex', async () => {
+    test('offsetBottom trigger onFixedChange and zIndex', async () => {
       const onFixedChangeMock = vi.fn();
 
       const { getByText } = render(

packages/components/alert/__tests__/alert.test.tsx

@@ -8,32 +8,11 @@ describe('Alert', () => {
   const text = 'Alert内容';
 
   describe('props', () => {
-    test('default close icon render', () => {
-      const { container } = render(<Alert theme="error" title="title content" closeBtn />);
-
-      expect(container.querySelector('.t-icon-close')).not.toBeNull();
-      expect(container.querySelector('.t-icon-close')).toBeInTheDocument();
-    });
-
-    test('theme icon render', () => {
-      const { container } = render(<Alert theme="success" title="title content" />);
-
-      expect(container.querySelector('.t-icon-check-circle-filled')).not.toBeNull();
-      expect(container.querySelector('.t-icon-check-circle-filled')).toBeInTheDocument();
-    });
-
-    test('default theme icon render', () => {
-      const { container } = render(<Alert title="title content" />);
-
-      expect(container.querySelector('.t-icon-info-circle-filled')).not.toBeNull();
-      expect(container.querySelector('.t-icon-info-circle-filled')).toBeInTheDocument();
-    });
-
-    test('maxLine', () => {
-      const { container } = render(<Alert title="title content" />);
-
-      expect(container.querySelector('.t-alert__collapse')).toBeNull();
-      expect(container.querySelector('.t-alert__collapse')).not.toBeInTheDocument();
+    test('theme', () => {
+      const { container: container1 } = render(<Alert title="title content" />);
+      expect(container1.querySelector('.t-icon-info-circle-filled')).toBeInTheDocument();
+      const { container: container2 } = render(<Alert theme="success" title="title content" />);
+      expect(container2.querySelector('.t-icon-check-circle-filled')).toBeInTheDocument();
     });
 
     test('className', () => {
@@ -46,25 +25,48 @@ describe('Alert', () => {
       const element = container.querySelector('.t-alert') as HTMLElement;
       expect(element?.style.color).toBe('red');
     });
-    test('custom close icon render', () => {
+
+    test('closeBtn[true]', () => {
+      const { container } = render(<Alert theme="error" title="title content" closeBtn />);
+      expect(container.querySelector('.t-icon-close')).not.toBeNull();
+      expect(container.querySelector('.t-icon-close')).toBeInTheDocument();
+    });
+
+    test('closeBtn[TNode]', () => {
       const { queryByTestId } = render(
         <Alert theme="error" title="title content" closeBtn={<div data-testid={testId}>{text}</div>} />,
       );
-
       expect(queryByTestId(testId)).not.toBeNull();
       expect(queryByTestId(testId)).toBeInTheDocument();
     });
 
-    test('custom icon render', () => {
+    test('icon[TNode]', () => {
       const { queryByText } = render(<Alert icon={<span>custom icon</span>} title="title content" />);
 
       expect(queryByText('custom icon')).not.toBeNull();
       expect(queryByText('custom icon')).toBeInTheDocument();
     });
+
+    test('maxLine[number]', () => {
+      const message = [
+        <div key={0}>{text}</div>,
+        <div key={1}>{text}</div>,
+        <div key={2} data-testid={testId}>
+          {text}
+        </div>,
+      ];
+      const { container } = render(<Alert title="title content" message={message} />);
+      const { container: container1 } = render(<Alert title="title content" message={message} maxLine={4} />);
+
+      expect(container.querySelector('.t-alert__collapse')).toBeNull();
+      expect(container.querySelector('.t-alert__collapse')).not.toBeInTheDocument();
+      expect(container1.querySelector('.t-alert__collapse')).toBeNull();
+      expect(container1.querySelector('.t-alert__collapse')).not.toBeInTheDocument();
+    });
   });
 
-  describe('scenarios', () => {
-    test('Alert 关闭操作', async () => {
+  describe('events', () => {
+    test('onClose and onClosed', async () => {
       const onClose = vi.fn();
       const onClosed = vi.fn();
 
@@ -100,25 +102,10 @@ describe('Alert', () => {
 
       await mockTimeout(() => expect(onClosed).toHaveBeenCalledTimes(1), 300);
     });
+  });
 
-    test('message not collapsed', () => {
-      const message = [
-        <div key={0}>{text}</div>,
-        <div key={1}>{text}</div>,
-        <div key={2} data-testid={testId}>
-          {text}
-        </div>,
-      ];
-      const { container } = render(<Alert title="title content" message={message} />);
-      const { container: container1 } = render(<Alert title="title content" message={message} maxLine={4} />);
-
-      expect(container.querySelector('.t-alert__collapse')).toBeNull();
-      expect(container.querySelector('.t-alert__collapse')).not.toBeInTheDocument();
-      expect(container1.querySelector('.t-alert__collapse')).toBeNull();
-      expect(container1.querySelector('.t-alert__collapse')).not.toBeInTheDocument();
-    });
-
-    test('Alert 展开收起操作', async () => {
+  describe('scenarios', () => {
+    test('maxLine toggles message expansion and collapse', async () => {
       const massage = [
         <div key={0}>{text}</div>,
         <div key={1}>{text}</div>,

packages/components/anchor/__tests__/anchor.test.tsx

@@ -11,7 +11,7 @@ const childTestID = 'childTestID';
 
 describe('Anchor', () => {
   describe('events', () => {
-    test('render Anchor click', async () => {
+    test('onClick', async () => {
       const fn = vi.fn();
       const wrapper = render(
         <div>
@@ -29,8 +29,22 @@ describe('Anchor', () => {
     });
   });
 
+  describe('props', () => {
+    test('AnchorItem.href', async () => {
+      render(
+        <Anchor>
+          <AnchorItem href="#test-a" />
+          <AnchorItem href="#test-b" />
+        </Anchor>,
+      );
+      expect(document.querySelector('.t-is-active')).toBe(null);
+      expect(document.querySelector('a[href="#test-a"]')).not.toBe(null);
+      expect(document.querySelector('a[href="#test-b"]')).not.toBe(null);
+    });
+  });
+
   describe('scenarios', () => {
-    test('Anchor 工具函数', () => {
+    test('targetOffset resolves distances for each scroll target', () => {
       const wrapper = render(
         <Anchor targetOffset={150}>
           <AnchorItem href="#基础锚点" title="基础锚点" data-testid={childTestID} />
@@ -49,24 +63,12 @@ describe('Anchor', () => {
       const windowDistance = getScroll(window, true);
       expect(windowDistance).toEqual(distance);
     });
-
-    test('render AnchorItem links', async () => {
-      render(
-        <Anchor>
-          <AnchorItem href="#test-a" />
-          <AnchorItem href="#test-b" />
-        </Anchor>,
-      );
-      expect(document.querySelector('.t-is-active')).toBe(null);
-      expect(document.querySelector('a[href="#test-a"]')).not.toBe(null);
-      expect(document.querySelector('a[href="#test-b"]')).not.toBe(null);
-    });
   });
 });
 
 describe('AnchorTarget', () => {
   describe('scenarios', () => {
-    test('render AnchorTarget', async () => {
+    test('AnchorTarget copy link handles click', async () => {
       const wrapper = render(
         <div data-testid={childTestID}>
           <AnchorTarget id="default" tag="h1">

packages/components/auto-complete/AutoComplete.tsx

@@ -199,6 +199,6 @@ AutoComplete.displayName = 'AutoComplete';
 
 export default AutoComplete as <T extends AutoCompleteOption = AutoCompleteOption>(
   props: AutoCompleteProps<T> & {
-    ref?: React.Ref<AutoCompleteProps>;
+    ref?: React.Ref<AutoCompleteRef>;
   },
 ) => React.ReactElement;