test(useTyping): add unit test

Author: mortalYoung

src/chat/__tests__/__snapshots__/markdown.test.tsx.snap

@@ -23,13 +23,13 @@ exports[`Test Chat Markdown Match Snapshots: typing 1`] = `
   <div
     class="dtc__aigc__markdown dtc__aigc__markdown--blink test"
   >
-    <p>
+    <div>
       <code
         class="dtc__aigc__markdown__inlineCode"
       >
         inline code test 
       </code>
-    </p>
+    </div>
     
 
     <div

src/chat/__tests__/__snapshots__/prompt.test.tsx.snap

@@ -24,22 +24,6 @@ exports[`Test Chat Prompt Match Snapshots: default 1`] = `
 </DocumentFragment>
 `;
 
-exports[`Test Chat Prompt Match Snapshots: empty 1`] = `
-<DocumentFragment>
-  <section
-    class="dtc__prompt__container"
-  >
-    <div
-      class="dtc__prompt__wrapper"
-    >
-      <div
-        class="dtc__prompt__content"
-      >
-        <div
-          class="dtc__aigc__markdown"
-        />
-      </div>
-    </div>
-  </section>
-</DocumentFragment>
-`;
+exports[`Test Chat Prompt Match Snapshots: empty 1`] = `<DocumentFragment />`;
+
+exports[`Test Chat Prompt Match Snapshots: empty title 1`] = `<DocumentFragment />`;

src/chat/__tests__/prompt.test.tsx

@@ -26,6 +26,11 @@ describe('Test Chat Prompt', () => {
         expect(
             render(<Prompt className="test" data={generatePrompt()} />).asFragment()
         ).toMatchSnapshot('default');
+        const _empty = generatePrompt();
+        _empty.title = '';
+        expect(render(<Prompt className="test" data={_empty} />).asFragment()).toMatchSnapshot(
+            'empty title'
+        );
     });
 
     it('Should support components', () => {

src/useTyping/__tests__/useTyping.test.ts

@@ -63,6 +63,46 @@ describe('Test useTyping hook', () => {
         expect(result.current.isTyping).toBe(false);
     });
 
+    it('Should typing whole tag', () => {
+        const { result, rerender } = renderHook((props: any) => {
+            const [text, setText] = useState('');
+            const ref = useRef(0);
+            const typing = useTyping({
+                onTyping(post) {
+                    setText(post);
+                },
+            });
+
+            useEffect(() => {
+                if (props?.start) {
+                    typing.start();
+                    let p = 0;
+                    typing.push('<step type="1">');
+                    ref.current = window.setInterval(() => {
+                        typing.push(testText[p]);
+                        p++;
+                        if (p >= testText.length) {
+                            typing.close();
+                            window.clearInterval(ref.current);
+                        }
+                    }, 50);
+                }
+
+                return () => {
+                    window.clearInterval(ref.current);
+                };
+            }, [props?.start]);
+
+            return { text, isTyping: typing.isTyping };
+        });
+
+        // 开启打字机效果
+        rerender({ start: true });
+
+        jest.advanceTimersByTime(50);
+        expect(result.current.text).toBe('<step type="1">');
+    });
+
     it('Should waiting for new text', () => {
         const { result } = renderHook(() => {
             const [text, setText] = useState('');