chore: button 组件增加单元测试

package.json

@@ -85,6 +85,8 @@
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-node-resolve": "^13.1.1",
     "@rollup/plugin-typescript": "^8.3.0",
+    "@testing-library/jest-dom": "^5.16.3",
+    "@testing-library/react": "^12.1.5",
     "@types/jest": "^27.4.1",
     "@types/loadable__component": "^5.13.3",
     "@types/node": "^15.3.1",

src/packages/button/__test__/button.spec.tsx

 import * as React from 'react'
 import * as renderer from 'react-test-renderer'
+
+import { render, fireEvent } from '@testing-library/react'
+import '@testing-library/jest-dom'
+
+import { useState } from 'react'
 import { Button } from '../button'
 
-it('renders correctly', () => {
-  const tree = renderer
-    .create(
-      <Button className="aa" style={{ margin: 8 }} type="primary" shape="round">
-        主要按钮
+test('this is first testcase', () => {
+  const { getByText } = render(
+    <Button className="aa" style={{ margin: 8 }} type="primary" shape="round">
+      主要按钮
+    </Button>
+  )
+  expect(getByText('主要按钮')).toHaveTextContent('主要按钮')
+})
+
+test('fireEvent correctly', () => {
+  const ButtonDemo = () => {
+    const [loading, setLoading] = useState(false)
+    return (
+      <Button
+        loading={loading}
+        type="success"
+        onClick={() => {
+          setTimeout(() => {
+            setLoading(false)
+          }, 1500)
+          setLoading(!loading)
+        }}
+        style={{ margin: 8 }}
+      >
+        Click me
       </Button>
     )
-    .toJSON()
-  expect(tree).toMatchSnapshot()
+  }
+
+  const { container, getByText, asFragment } = render(<ButtonDemo />)
+
+  fireEvent.click(getByText('Click me'))
+  expect(container.querySelector('.nut-button')).toHaveClass('nut-button--loading')
+})
+
+test('props correctly', () => {
+  const buttonRender = renderer.create(
+    <Button className="aa" style={{ margin: 8 }} type="primary" shape="round">
+      主要按钮
+    </Button>
+  )
+  const buttonInstance = buttonRender.root
+  expect(buttonInstance.findByType(Button).props.children).toEqual('主要按钮')
+  expect(buttonInstance.findByType(Button).props.type).toEqual('primary')
+  expect(buttonInstance.findByType(Button).props.shape).toEqual('round')
 })