fix(MultiCascader): fix not rendering the count of selected values (#…

…2289)
rsuite · Jan 10, 2022 · 324e90c · 324e90c · vercel · Jan 10, 2022
1 parent be9c756
commit 324e90c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/MultiCascader/MultiCascader.tsx b/src/MultiCascader/MultiCascader.tsx
@@ -541,6 +541,7 @@ const MultiCascader: PickerComponent<MultiCascaderProps> = React.forwardRef(
       ...props,
       classPrefix,
       hasValue,
+      countable,
       name: 'cascader',
       appearance,
       cleanable

diff --git a/src/MultiCascader/test/MultiCascaderSpec.js b/src/MultiCascader/test/MultiCascaderSpec.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactTestUtils from 'react-dom/test-utils';
 import { act, render } from '@testing-library/react';
-import { getDOMNode, getInstance } from '@test/testUtils';
+import { getDOMNode, getInstance, getStyle } from '@test/testUtils';
 import MultiCascader from '../MultiCascader';
 import Button from '../../Button';
 
@@ -47,6 +47,8 @@ describe('MultiCascader', () => {
     const instance = getDOMNode(<MultiCascader data={items} value={['abcde-1', 'abcde-2']} />);
 
     assert.equal(instance.querySelector('.rs-picker-value-count').textContent, '1');
+    assert.include(instance.className, 'rs-picker-countable');
+    assert.equal(getStyle(instance.querySelector('.rs-picker-toggle-value'), 'display'), 'flex');
   });
 
   it('Should not render number', () => {