@@ -1079,6 +1079,7 @@ describe('Preview', () => {
10791079 mask : 'custom-mask' ,
10801080 actions : 'custom-actions' ,
10811081 root : 'custom-root' ,
1082+ close : 'custom-close' ,
10821083 } ,
10831084 } ;
10841085 const customStyles = {
@@ -1087,6 +1088,7 @@ describe('Preview', () => {
10871088 mask : { color : 'red' } ,
10881089 actions : { backgroundColor : 'blue' } ,
10891090 root : { border : '1px solid green' } ,
1091+ close : { color : 'purple' } ,
10901092 } ,
10911093 } ;
10921094 const { baseElement } = render (
@@ -1105,12 +1107,15 @@ describe('Preview', () => {
11051107 const cover = document . querySelector ( '.rc-image-cover' ) ;
11061108 const mask = document . querySelector ( '.rc-image-preview-mask' ) ;
11071109 const actions = baseElement . querySelector ( '.rc-image-preview-actions' ) ;
1110+ const close = baseElement . querySelector ( '.rc-image-preview-close' ) ;
11081111 expect ( cover ) . toHaveClass ( customClassnames . cover ) ;
11091112 expect ( cover ) . toHaveStyle ( customStyles . cover ) ;
11101113 expect ( mask ) . toHaveClass ( customClassnames . popup . mask ) ;
11111114 expect ( mask ) . toHaveStyle ( customStyles . popup . mask ) ;
11121115 expect ( actions ) . toHaveClass ( customClassnames . popup . actions ) ;
11131116 expect ( actions ) . toHaveStyle ( customStyles . popup . actions ) ;
1117+ expect ( close ) . toHaveClass ( customClassnames . popup . close ) ;
1118+ expect ( close ) . toHaveStyle ( customStyles . popup . close ) ;
11141119 expect ( baseElement . querySelector ( '.rc-image-preview' ) ) . toHaveClass ( customClassnames . popup . root ) ;
11151120 expect ( baseElement . querySelector ( '.rc-image-preview' ) ) . toHaveStyle ( customStyles . popup . root ) ;
11161121 } ) ;
0 commit comments