fix(DatePicker2): after entering a customized date format and pressin…

…g Enter, the value should not change
alibaba-fusion · Sep 26, 2024 · eca2d43 · eca2d43
1 parent bd75ca8
commit eca2d43
Showing 1 changed file with 25 additions and 24 deletions.
diff --git a/components/date-picker2/__tests__/index-spec.js b/components/date-picker2/__tests__/index-spec.js
@@ -528,30 +528,6 @@ describe('Picker', () => {
             wrapper.unmount();
         });
 
-        it('pressing enter should correctly display the formatted value', () => {
-            function App() {
-                const [value, setValue] = useState('');
-                return (
-                    <DatePicker
-                        defaultVisible
-                        value={value}
-                        format={'DD/MM/YYYY'}
-                        outputFormat="YYYY-MM-DD"
-                        onChange={v => {
-                            setValue(v),
-                                assert(
-                                    v === dayjs('12/02/2020', 'DD/MM/YYYY').format('YYYY-MM-DD')
-                                );
-                        }}
-                    />
-                );
-            }
-            wrapper = mount(<App />);
-            changeInput('12/02/2020');
-            findInput().simulate('keydown', { keyCode: KEYCODE.ENTER });
-            assert(getStrValue(wrapper) === '12/02/2020');
-        });
-
         it('outputFormat', () => {
             wrapper = mount(
                 <DatePicker
@@ -1256,6 +1232,31 @@ describe('Picker', () => {
             findInput(0).simulate('keydown', { keyCode: KEYCODE.SPACE });
             assert(getStrValue(wrapper).join(',') === '2020-11-11 ,');
         })
+
+        // fix https://github.com/alibaba-fusion/next/issues/4896
+        it('After entering a customized date format and pressing Enter, the value should not change', () => {
+            function App() {
+                const [value, setValue] = useState('');
+                return (
+                    <DatePicker
+                        defaultVisible
+                        value={value}
+                        format={'DD/MM/YYYY'}
+                        outputFormat="YYYY-MM-DD"
+                        onChange={v => {
+                            setValue(v),
+                                assert(
+                                    v === dayjs('12/02/2020', 'DD/MM/YYYY').format('YYYY-MM-DD')
+                                );
+                        }}
+                    />
+                );
+            }
+            wrapper = mount(<App />);
+            changeInput('12/02/2020');
+            findInput().simulate('keydown', { keyCode: KEYCODE.ENTER });
+            assert(getStrValue(wrapper) === '12/02/2020');
+        });
     });
 });