fix: fix rendering of DatePickerFooter when show_reset_button is prov…

…ided (#1197)
dnbexperience · Jan 14, 2022 · d7d4507 · d7d4507
1 parent e50fb6f
commit d7d4507
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 2 deletions.
diff --git a/packages/dnb-eufemia/src/components/date-picker/DatePickerFooter.js b/packages/dnb-eufemia/src/components/date-picker/DatePickerFooter.js
@@ -98,7 +98,8 @@ export default class DatePickerFooter extends React.PureComponent {
     if (
       !isRange &&
       !isTrue(show_submit_button) &&
-      !isTrue(show_cancel_button)
+      !isTrue(show_cancel_button) &&
+      !isTrue(show_reset_button)
     ) {
       return <></>
     }

diff --git a/packages/dnb-eufemia/src/components/date-picker/__tests__/DatePicker.test.js b/packages/dnb-eufemia/src/components/date-picker/__tests__/DatePicker.test.js
@@ -361,7 +361,6 @@ describe('DatePicker component', () => {
 
     const Comp = mount(
       <Component
-        range
         opened
         no_animation
         show_reset_button
@@ -374,6 +373,54 @@ describe('DatePicker component', () => {
     expect(resetElem.text()).toMatch(reset_button_text)
   })
 
+  it('footer is rendered when show_reset_button is provided', () => {
+    const Comp = mount(<Component opened no_animation show_reset_button />)
+
+    const datePickerFooter = Comp.find('.dnb-date-picker__footer')
+    expect(datePickerFooter.exists()).toBe(true)
+  })
+
+  it('footer is rendered when show_cancel_button is provided', () => {
+    const Comp = mount(
+      <Component opened no_animation show_cancel_button />
+    )
+
+    const datePickerFooter = Comp.find('.dnb-date-picker__footer')
+    expect(datePickerFooter.exists()).toBe(true)
+  })
+
+  it('footer is rendered when show_submit_button is provided', () => {
+    const Comp = mount(
+      <Component opened no_animation show_submit_button />
+    )
+
+    const datePickerFooter = Comp.find('.dnb-date-picker__footer')
+    expect(datePickerFooter.exists()).toBe(true)
+  })
+
+  it('footer is rendered when range is provided', () => {
+    const Comp = mount(<Component opened no_animation range />)
+
+    const datePickerFooter = Comp.find('.dnb-date-picker__footer')
+    expect(datePickerFooter.exists()).toBe(true)
+  })
+
+  it('footer is not rendered', () => {
+    const Comp = mount(
+      <Component
+        opened
+        no_animation
+        show_reset_button={false}
+        show_cancel_button={false}
+        show_submit_button={false}
+        range={false}
+      />
+    )
+
+    const datePickerFooter = Comp.find('.dnb-date-picker__footer')
+    expect(datePickerFooter.exists()).toBe(false)
+  })
+
   it('has a working month correction', () => {
     const Comp = mount(<Component show_input />)