@@ -164,7 +164,9 @@ configs({ modes: ['ios', 'md'], directions: ['ltr'] }).forEach(({ title, config
164164 expect ( safeAreaTop ) . toBe ( '0px' ) ;
165165 } ) ;
166166
167- test ( 'sheet modal should have --ion-modal-offset-top set with resolved safe-area value' , async ( { page } , testInfo ) => {
167+ test ( 'sheet modal should have --ion-modal-offset-top set with resolved safe-area value' , async ( {
168+ page,
169+ } , testInfo ) => {
168170 testInfo . annotations . push ( {
169171 type : 'issue' ,
170172 description : 'https://github.com/ionic-team/ionic-framework/issues/30900' ,
@@ -200,7 +202,7 @@ configs({ modes: ['ios', 'md'], directions: ['ltr'] }).forEach(({ title, config
200202 const modal = page . locator ( 'ion-modal' ) ;
201203
202204 // On phone viewport, modal should inherit safe-area
203- let safeAreaTop = await modal . evaluate ( ( el : HTMLIonModalElement ) => {
205+ const safeAreaTop = await modal . evaluate ( ( el : HTMLIonModalElement ) => {
204206 return el . style . getPropertyValue ( '--ion-safe-area-top' ) ;
205207 } ) ;
206208 expect ( safeAreaTop ) . toBe ( 'inherit' ) ;
@@ -209,11 +211,11 @@ configs({ modes: ['ios', 'md'], directions: ['ltr'] }).forEach(({ title, config
209211 await page . setViewportSize ( Viewports . tablet . portrait ) ;
210212
211213 // Poll until the debounced resize handler updates safe-area overrides
212- await expect . poll ( async ( ) => {
213- return modal . evaluate ( ( el : HTMLIonModalElement ) =>
214- el . style . getPropertyValue ( '--ion-safe-area-top' )
215- ) ;
216- } ) . toBe ( '0px' ) ;
214+ await expect
215+ . poll ( async ( ) => {
216+ return modal . evaluate ( ( el : HTMLIonModalElement ) => el . style . getPropertyValue ( '--ion-safe-area-top' ) ) ;
217+ } )
218+ . toBe ( '0px' ) ;
217219
218220 const safeAreaBottom = await modal . evaluate ( ( el : HTMLIonModalElement ) => {
219221 return el . style . getPropertyValue ( '--ion-safe-area-bottom' ) ;
0 commit comments