Merge pull request #9 from jason89521/fix-ant-test

Author: jason89521

__test__/Typist.test.tsx

@@ -33,7 +33,7 @@
   "scripts": {
     "commit": "cz",
     "dev": "vite",
-    "test": "jest ./__test__/Typist.test.tsx",
+    "test": "jest",
     "build:example": "tsc && vite build",
     "build:types": "rimraf types/* && tsc --project tsconfig.lib.json",
     "build:lib": "yarn build:types && vite build --mode lib && api-extractor run",

__test__/utils.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { getByText, render } from '@testing-library/react';
+
+import Typist from '..';
+import { nestedChildren, textsArray } from './constant';
+import { waitFor } from './utils';
+
+beforeEach(() => {
+  jest.useFakeTimers();
+});
+
+test('render children correctly', async () => {
+  const { container } = render(<Typist>{nestedChildren}</Typist>);
+
+  for (const texts of textsArray) {
+    for (const text of texts) {
+      await waitFor(() => {
+        getByText(container, text);
+      });
+    }
+    jest.runOnlyPendingTimers();
+  }
+});

package.json

@@ -0,0 +1,29 @@
+import React from 'react';
+import Typist from '..';
+
+export const textsArray = [
+  ['a'],
+  ['ab'],
+  ['ab', 'c'],
+  ['ab', 'cd'],
+  ['ab', 'c'],
+  ['ab'],
+  ['ab', 'e'],
+  ['ab', 'ef'],
+  ['ab', 'ef', 'gh'],
+];
+
+export const nestedChildren = (
+  <div className="ab">
+    ab
+    <div className="cd">cd</div>
+    <Typist.Backspace count={2} />
+    <div className="ef">ef</div>
+    <Typist.Paste>
+      <span>gh</span>
+    </Typist.Paste>
+  </div>
+);
+
+export const WRAPPER_ID = 'wrapper';
+export const BUTTON_ID = 'button';

src/TypistCore.ts

@@ -0,0 +1,6 @@
+import type { waitForOptions } from '@testing-library/react';
+import { waitFor as originWaitFor } from '@testing-library/react';
+
+export function waitFor<T>(callback: () => Promise<T> | T, options?: waitForOptions) {
+  return originWaitFor(callback, { interval: 0, ...options });
+}

src/__test__/Typist.test.tsx

@@ -3,8 +3,8 @@ type Props = {
   ms: number;
 };
 
-const Pause = (props: Props) => {
+const Delay = (props: Props) => {
   return null;
 };
 
-export default Pause;
+export default Delay;