File tree 2 files changed +33
-0
lines changed
2 files changed +33
-0
lines changed Original file line number Diff line number Diff line change @@ -1145,4 +1145,19 @@ describe('Picker.Basic', () => {
1145
1145
1146
1146
expect ( container . querySelector ( 'input' ) ) . toHaveValue ( '2023-09-04 21:05:10' ) ;
1147
1147
} ) ;
1148
+
1149
+ it ( 'interacting with components within footer should not close the panel' , ( ) => {
1150
+ const { container, baseElement } = render (
1151
+ < MomentPicker renderExtraFooter = { ( ) => < button className = "test-button" > button</ button > } /> ,
1152
+ ) ;
1153
+
1154
+ openPicker ( container ) ;
1155
+
1156
+ fireEvent . click ( baseElement . querySelector ( '.test-button' ) ) ;
1157
+
1158
+ // Simulate component behavior
1159
+ fireEvent . blur ( container . querySelector ( 'input' ) ) ;
1160
+
1161
+ expect ( baseElement . querySelector ( '.rc-picker-dropdown-hidden' ) ) . toBeFalsy ( ) ;
1162
+ } ) ;
1148
1163
} ) ;
Original file line number Diff line number Diff line change @@ -1985,4 +1985,22 @@ describe('Picker.Range', () => {
1985
1985
1986
1986
expect ( onOpenChange ) . toHaveBeenCalledWith ( false ) ;
1987
1987
} ) ;
1988
+
1989
+ // In line with the picker
1990
+ it ( 'interacting with components within footer should not close the panel' , ( ) => {
1991
+ const { container, baseElement } = render (
1992
+ < MomentRangePicker
1993
+ renderExtraFooter = { ( ) => < button className = "test-button" > button</ button > }
1994
+ /> ,
1995
+ ) ;
1996
+
1997
+ openPicker ( container ) ;
1998
+
1999
+ fireEvent . click ( baseElement . querySelector ( '.test-button' ) ) ;
2000
+
2001
+ // Simulate component behavior
2002
+ fireEvent . blur ( container . querySelector ( 'input' ) ) ;
2003
+
2004
+ expect ( baseElement . querySelector ( '.rc-picker-dropdown-hidden' ) ) . toBeFalsy ( ) ;
2005
+ } ) ;
1988
2006
} ) ;
You can’t perform that action at this time.
0 commit comments