test: Fix test case

Author: zombieJ

src/Picker.tsx

@@ -159,6 +159,7 @@ function InnerPicker<DateType>(props: PickerProps<DateType>) {
     onMouseLeave,
     onContextMenu,
     onClick,
+    onSelect,
     onOk,
   } = props as MergedPickerProps<DateType>;
 
@@ -365,6 +366,14 @@ function InnerPicker<DateType>(props: PickerProps<DateType>) {
     needConfirmButton,
     okDisabled: !selectedValue,
     locale,
+    onNow: () => {
+      const now = generateConfig.getNow();
+      if (onSelect) {
+        onSelect(now);
+      }
+      triggerChange(now);
+      triggerOpen(false, true);
+    },
     onOk: () => {
       if (selectedValue) {
         triggerChange(selectedValue);
@@ -397,7 +406,7 @@ function InnerPicker<DateType>(props: PickerProps<DateType>) {
         onChange={setSelectedValue}
         onPanelChange={triggerModeChange}
       />
-      <div className={`${prefixCls}-picker-footer`}>
+      <div className={`${prefixCls}-footer`}>
         {extraNode}
         {rangesNode}
       </div>

tests/keyboard.spec.tsx

@@ -145,6 +145,8 @@ describe('Picker.Keyboard', () => {
 
   describe('datetime Tab control', () => {
     it('Picker', () => {
+      jest.useFakeTimers();
+
       const wrapper = mount(<MomentPicker showTime />);
       wrapper.openPicker();
 
@@ -162,7 +164,13 @@ describe('Picker.Keyboard', () => {
 
       // Close should not focus
       wrapper.closePicker();
+      act(() => {
+        jest.runAllTimers();
+      });
+      wrapper.update();
       expect(wrapper.find('.rc-picker-time-panel-active').length).toBeFalsy();
+
+      jest.useRealTimers();
     });
 
     describe('PickerPanel', () => {

tests/picker.spec.tsx

@@ -322,7 +322,7 @@ describe('Picker.Basic', () => {
         finalMode: 'date',
       },
       {
-        name: 'date',
+        name: 'datetime',
         yearBtn: '.rc-picker-year-btn',
         finalPanel: 'DatetimePanel',
         finalMode: 'date',
@@ -387,6 +387,7 @@ describe('Picker.Basic', () => {
 
         expect(wrapper.find(finalPanel).length).toBeTruthy();
 
+        wrapper.confirmOK();
         wrapper.closePicker();
         expect(isSame(onChange.mock.calls[0][0], '2019-08-18')).toBeTruthy();
       });
@@ -410,7 +411,7 @@ describe('Picker.Basic', () => {
       selectColumn(1, 22);
       selectColumn(2, 33);
 
-      wrapper.closePicker();
+      wrapper.confirmOK();
       expect(
         isSame(onChange.mock.calls[0][0], '1990-09-03 13:22:33', 'second'),
       ).toBeTruthy();

tests/range.spec.tsx

@@ -278,7 +278,7 @@ describe('Picker.Range', () => {
     });
   });
 
-  describe.only('ranges', () => {
+  describe('ranges', () => {
     it('work', () => {
       const onChange = jest.fn();
       const wrapper = mount(
@@ -313,7 +313,7 @@ describe('Picker.Range', () => {
       );
     });
 
-    it.only('hover className', () => {
+    it('hover className', () => {
       const wrapper = mount(
         <MomentRangePicker
           ranges={{
@@ -323,8 +323,7 @@ describe('Picker.Range', () => {
       );
 
       wrapper.openPicker();
-      console.log('=>', wrapper.debug());
-      wrapper.find('.rc-picker-preset').simulate('mouseEnter');
+      wrapper.find('.rc-picker-preset > *').simulate('mouseEnter');
       expect(
         wrapper.findCell(11).hasClass('rc-picker-cell-range-start'),
       ).toBeTruthy();
@@ -335,7 +334,7 @@ describe('Picker.Range', () => {
         wrapper.findCell(13).hasClass('rc-picker-cell-range-end'),
       ).toBeTruthy();
 
-      wrapper.find('.rc-picker-preset').simulate('mouseLeave');
+      wrapper.find('.rc-picker-preset > *').simulate('mouseLeave');
       expect(
         wrapper.findCell(11).hasClass('rc-picker-cell-range-start'),
       ).toBeFalsy();

tests/setup.js

@@ -23,6 +23,12 @@ Object.assign(Enzyme.ReactWrapper.prototype, {
       .at(index)
       .simulate('blur');
   },
+  confirmOK() {
+    const okBtn = this.find('.rc-picker-ok > *');
+    if (okBtn.length) {
+      okBtn.simulate('click');
+    }
+  },
   isOpen() {
     const openDiv = this.find('.rc-picker-dropdown').hostNodes();
     return (

tests/util/commonUtil.tsx

@@ -23,6 +23,7 @@ import RangePicker, {
 const FULL_FORMAT = 'YYYY-MM-DD HH:mm:ss';
 
 export type Wrapper = ReactWrapper & {
+  confirmOK: () => void;
   openPicker: (index?: number) => void;
   closePicker: (index?: number) => void;
   isOpen: () => boolean;