From 28d1e5cd45d6964a16128c82799a124fdf75fe95 Mon Sep 17 00:00:00 2001
From: zombiej <smith3816@gmail.com>
Date: Tue, 17 Nov 2020 11:38:56 +0800
Subject: [PATCH] test: Add test case

---
 README.md            | 2 +-
 src/Panel.tsx        | 1 +
 tests/index.spec.tsx | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 7e132c9..27bed54 100644
--- a/README.md
+++ b/README.md
@@ -180,7 +180,7 @@ If `accordion` is true, only one panel can be open.  Opening another panel will
         <td>openMotion</td>
         <td>object</td>
         <th></th>
-        <td>set the animation of open behavior, [more](https://github.com/react-component/motion)</td>
+        <td>set the animation of open behavior, [more](https://github.com/react-component/motion). Different with v2, closed pane use a `rc-collapse-content-hidden` class to set `display: none` for hidden.</td>
       </tr>
       <tr>
         <td>disabled</td>
diff --git a/src/Panel.tsx b/src/Panel.tsx
index 76bb4e1..e1b8155 100644
--- a/src/Panel.tsx
+++ b/src/Panel.tsx
@@ -95,6 +95,7 @@ class CollapsePanel extends React.Component<CollapsePanelProps, any> {
         </div>
         <CSSMotion
           visible={isActive}
+          leavedClassName={`${prefixCls}-content-hidden`}
           {...openMotion}
           forceRender={forceRender}
           removeOnLeave={destroyInactivePanel}
diff --git a/tests/index.spec.tsx b/tests/index.spec.tsx
index d6b5513..e081fcb 100644
--- a/tests/index.spec.tsx
+++ b/tests/index.spec.tsx
@@ -358,6 +358,7 @@ describe('collapse', () => {
       );
       expect(collapse.find('.rc-collapse-content').length).toBe(1);
       expect(collapse.find('.rc-collapse-content-active').length).toBe(0);
+      expect(collapse.find('div.rc-collapse-content-hidden').length).toBe(1);
     });
   });