fix: extra foot miss style (#738)

react-component · Jan 12, 2024 · ac75954 · ac75954 · vercel · Jan 12, 2024
1 parent 6fef569
commit ac75954
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 19 deletions.
diff --git a/src/PickerInput/Popup/Footer.tsx b/src/PickerInput/Popup/Footer.tsx
@@ -107,7 +107,7 @@ export default function Footer(props: FooterProps) {
 
   return (
     <div className={`${prefixCls}-footer`}>
-      {extraNode}
+      {extraNode && <div className={`${prefixCls}-footer-extra`}>{extraNode}</div>}
       {rangeNode}
     </div>
   );

diff --git a/src/utils/getExtraFooter.tsx b/src/utils/getExtraFooter.tsx
diff --git a/tests/picker.spec.tsx b/tests/picker.spec.tsx
@@ -498,7 +498,7 @@ describe('Picker.Basic', () => {
     );
 
     function matchFooter(mode: string) {
-      expect(document.querySelector('.rc-picker-footer').textContent).toEqual(mode);
+      expect(document.querySelector('.rc-picker-footer-extra').textContent).toEqual(mode);
       expect(renderExtraFooter.mock.calls[renderExtraFooter.mock.calls.length - 1][0]).toEqual(
         mode,
       );

diff --git a/tests/range.spec.tsx b/tests/range.spec.tsx
@@ -144,7 +144,7 @@ describe('Picker.Range', () => {
         <DayRangePicker renderExtraFooter={() => <p>footer</p>} picker="year" />,
       );
       openPicker(container);
-      expect(document.querySelector('.rc-picker-footer').textContent).toEqual('footer');
+      expect(document.querySelector('.rc-picker-footer-extra').textContent).toEqual('footer');
       expect(document.querySelectorAll('.rc-picker-header-view')[0].textContent).toEqual(
         '1990年-1999年',
       );