first version

2021-11-01 22:30:51 +08:00
parent da2a96865c
commit d964439624
143 changed files with 29617 additions and 101 deletions
@@ -0,0 +1,35 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import Button from '../../src/components/Button';
+
+describe('Button', () => {
+    it('shoule render without error', async () => {
+        render(<Button>text</Button>);
+        const $button = screen.getByRole('button');
+        expect($button).toBeInTheDocument();
+    });
+
+    it('shoule support set custom class name and type', async () => {
+        render(
+            <Button className="custom" type="danger">
+                text
+            </Button>,
+        );
+        const $button = screen.getByRole('button');
+        expect($button.classList).toContain('custom');
+        expect($button.classList).toContain('danger');
+    });
+
+    it('shoule call props handler function when fire event', async () => {
+        const handleClick = jest.fn();
+        render(<Button onClick={handleClick}>text</Button>);
+        const $button = screen.getByRole('button');
+        fireEvent.click($button);
+        expect(handleClick).toHaveBeenCalled();
+    });
+});