refactor(drawer): rewrite with hook from @hosseinmd (ant-design#29229)

* refactor: drawer to functional component and hooks * chore: clean code default value * perf: remove doesn't necessary useCallback * chore: useContext instead of Consumer * fix ref * Add Drawer displayName * fix tsc * fix tsc Co-authored-by: Hossein Mohammadi <[email protected]>
sabirmostofa · Feb 5, 2021 · 4ee9253 · 4ee9253
1 parent d7d2cef
commit 4ee9253
Show file tree

Hide file tree

Showing 3 changed files with 273 additions and 235 deletions.
diff --git a/components/drawer/__tests__/Drawer.test.js b/components/drawer/__tests__/Drawer.test.js
@@ -147,4 +147,15 @@ describe('Drawer', () => {
 
     errorSpy.mockRestore();
   });
+
+  it('should support ref', () => {
+    const ref = React.createRef();
+    mount(
+      <Drawer visible ref={ref} width={400}>
+        Here is content of Drawer
+      </Drawer>,
+    );
+    expect(typeof ref.current.push).toBe('function');
+    expect(typeof ref.current.pull).toBe('function');
+  });
 });
diff --git a/components/drawer/__tests__/type.test.tsx b/components/drawer/__tests__/type.test.tsx
@@ -0,0 +1,23 @@
+import * as React from 'react';
+import Drawer from '..';
+
+describe('Drawer.typescript', () => {
+  it('Drawer', () => {
+    const onClose = jest.fn();
+    const wrapper = (
+      <Drawer
+        title="Basic Drawer"
+        placement="right"
+        closable={false}
+        onClose={onClose}
+        visible={false}
+      >
+        <p>Some contents...</p>
+        <p>Some contents...</p>
+        <p>Some contents...</p>
+      </Drawer>
+    );
+
+    expect(wrapper).toBeTruthy();
+  });
+});