fix: switchScrollingEffect call error when getContainer is false (#122)

react-component · Dec 13, 2019 · 9e3a01c · 9e3a01c · vercel · Dec 13, 2019
1 parent f186eef
commit 9e3a01c
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 2 deletions.
diff --git a/src/DrawerChild.tsx b/src/DrawerChild.tsx
@@ -28,6 +28,10 @@ interface IState {
 }
 
 class DrawerChild extends React.Component<IDrawerChildProps, IState> {
+  static defaultProps = {
+    switchScrollingEffect: () => {},
+  }
+
   public static getDerivedStateFromProps(props: IDrawerChildProps,
     { prevProps, _self }: { prevProps: IDrawerChildProps, _self: DrawerChild }) {
     const nextState = {

diff --git a/tests/__snapshots__/index.spec.tsx.snap b/tests/__snapshots__/index.spec.tsx.snap
@@ -1,5 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`rc-drawer-menu getContainer 1`] = `
+<div
+  class="div-wrapper"
+/>
+`;
+
 exports[`rc-drawer-menu getContainer is null 1`] = `
 <div
   class="react-wrapper"

diff --git a/tests/index.spec.tsx b/tests/index.spec.tsx
@@ -3,10 +3,11 @@ import * as React from 'react';
 import toJson from 'enzyme-to-json';
 import Drawer from '../src/';
 
-function Div(props: { show?: boolean }) {
+function Div(props) {
+  const { show, ...otherProps } = props
   return (
     <div className="div-wrapper">
-      {props.show && <Drawer wrapperClassName="drawer-wrapper" defaultOpen={true} />}
+      {show && <Drawer wrapperClassName="drawer-wrapper" defaultOpen {...otherProps} />}
     </div>
   );
 }
@@ -187,4 +188,12 @@ describe('rc-drawer-menu', () => {
     instance = mount(<Drawer handler={null} levelMove={200} />);
     expect(toJson(instance.render())).toMatchSnapshot();
   });
+
+  it('getContainer', () => {
+    instance = mount(<Div show getContainer={false} />);
+    instance.setProps({
+      show: false,
+    });
+    expect(toJson(instance.render())).toMatchSnapshot();
+  });
 });