Added the passing down from SingleDatePicker to DayPickerSingleDateCo…

…ntroller the keepOpenOnDateSelect prop
react-dates · Jul 6, 2017 · f41548f · f41548f
1 parent d091b08
commit f41548f
Show file tree

Hide file tree

Showing 2 changed files with 57 additions and 22 deletions.
diff --git a/src/components/SingleDatePicker.jsx b/src/components/SingleDatePicker.jsx
@@ -309,6 +309,7 @@ export default class SingleDatePicker extends React.Component {
       navNext,
       withPortal,
       withFullScreenPortal,
+      keepOpenOnDateSelect,
       initialVisibleMonth,
       renderMonth,
       renderDay,
@@ -344,6 +345,7 @@ export default class SingleDatePicker extends React.Component {
           monthFormat={monthFormat}
           withPortal={withPortal || withFullScreenPortal}
           focused={focused}
+          keepOpenOnDateSelect={keepOpenOnDateSelect}
           hideKeyboardShortcutsPanel={hideKeyboardShortcutsPanel}
           initialVisibleMonth={initialVisibleMonth}
           navPrev={navPrev}

diff --git a/test/components/DayPickerSingleDateController_spec.jsx b/test/components/DayPickerSingleDateController_spec.jsx
@@ -500,30 +500,63 @@ describe('DayPickerSingleDateController', () => {
         expect(onDateChangeStub.callCount).to.equal(1);
       });
 
-      it('props.onFocusChange is called', () => {
-        const onFocusChangeStub = sinon.stub();
-        const wrapper = shallow(
-          <DayPickerSingleDateController
-            onDateChange={() => {}}
-            onFocusChange={onFocusChangeStub}
-          />,
-        );
-        wrapper.instance().onDayClick(moment());
-        expect(onFocusChangeStub.callCount).to.equal(1);
-      });
+      describe('props.keepOpenOnDateSelect is false', () => {
+        it('props.onFocusChange is called', () => {
+            const onFocusChangeStub = sinon.stub();
+            const wrapper = shallow(
+                <DayPickerSingleDateController
+                    onDateChange={() => {}}
+                    onFocusChange={onFocusChangeStub}
+                    keepOpenOnDateSelect={false}
+                />,
+            );
+            wrapper.instance().onDayClick(moment());
+            expect(onFocusChangeStub.callCount).to.equal(1);
+        });
 
-      it('props.onClose is called', () => {
-        const onCloseStub = sinon.stub();
-        const wrapper = shallow(
-          <DayPickerSingleDateController
-            onDateChange={() => {}}
-            onFocusChange={() => {}}
-            onClose={onCloseStub}
-          />,
-        );
-        wrapper.instance().onDayClick(moment());
-        expect(onCloseStub.callCount).to.equal(1);
+        it('props.onClose is called', () => {
+            const onCloseStub = sinon.stub();
+            const wrapper = shallow(
+                <DayPickerSingleDateController
+                    onDateChange={() => {}}
+                    onFocusChange={() => {}}
+                    onClose={onCloseStub}
+                    keepOpenOnDateSelect={false}
+                />,
+            );
+            wrapper.instance().onDayClick(moment());
+            expect(onCloseStub.callCount).to.equal(1);
+        });
       });
+
+        describe('props.keepOpenOnDateSelect is true', () => {
+          it('props.onFocusChange is not called', () => {
+              const onFocusChangeStub = sinon.stub();
+              const wrapper = shallow(
+                  <DayPickerSingleDateController
+                      onDateChange={() => {}}
+                      onFocusChange={onFocusChangeStub}
+                      keepOpenOnDateSelect={true}
+                  />,
+              );
+              wrapper.instance().onDayClick(moment());
+              expect(onFocusChangeStub.callCount).to.equal(0);
+          });
+
+          it('props.onClose is not called', () => {
+              const onCloseStub = sinon.stub();
+              const wrapper = shallow(
+                  <DayPickerSingleDateController
+                      onDateChange={() => {}}
+                      onFocusChange={() => {}}
+                      onClose={onCloseStub}
+                      keepOpenOnDateSelect={true}
+                  />,
+              );
+              wrapper.instance().onDayClick(moment());
+              expect(onCloseStub.callCount).to.equal(0);
+          });
+        });
     });
   });