File tree Expand file tree Collapse file tree 2 files changed +33
-0
lines changed Expand file tree Collapse file tree 2 files changed +33
-0
lines changed Original file line number Diff line number Diff line change @@ -1145,4 +1145,19 @@ describe('Picker.Basic', () => {
11451145
11461146 expect ( container . querySelector ( 'input' ) ) . toHaveValue ( '2023-09-04 21:05:10' ) ;
11471147 } ) ;
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+ } ) ;
11481163} ) ;
Original file line number Diff line number Diff line change @@ -1985,4 +1985,22 @@ describe('Picker.Range', () => {
19851985
19861986 expect ( onOpenChange ) . toHaveBeenCalledWith ( false ) ;
19871987 } ) ;
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+ } ) ;
19882006} ) ;
You can’t perform that action at this time.
0 commit comments