@@ -147,20 +147,49 @@ export async function supportsBlockTypography(page: Page, element: Locator, isEd
147147 await fontSizeButton . dispatchEvent ( 'click' ) ;
148148 await fontSizeButton . press ( 'Escape' ) ;
149149
150- await page
151- . locator ( '.block-editor-block-inspector fieldset.components-font-size-picker' )
152- . locator ( 'button[role="combobox"], button[aria-label="Font size"]' )
153- . click ( ) ;
150+ if ( process . env . WP_VERSION === '6.2' ) {
151+ await page
152+ . locator ( '.block-editor-block-inspector button[aria-label="Typography options"]' )
153+ . click ( ) ;
154+ const fontSizeButton = page
155+ . locator (
156+ '[role="menu"][aria-label="Typography options"] button, .popover-slot button' ,
157+ )
158+ . filter ( { hasText : 'Font size' } ) ;
159+ await fontSizeButton . click ( ) ;
160+ await fontSizeButton . press ( 'Escape' ) ;
161+ await page . getByRole ( 'button' , { name : 'Set custom size' } ) . click ( ) ;
162+ await page
163+ . locator ( '.components-font-size-picker__controls input[type="number"]' )
164+ . fill ( '16' ) ;
154165
155- await page
156- . locator (
157- '.block-editor-block-inspector li[role="option"], .block-editor-block-inspector div[role="option"]' ,
158- )
159- . filter ( { hasText : 'Extra small' } )
160- . click ( ) ;
166+ await page
167+ . locator ( '.block-editor-block-inspector button[aria-label="Typography options"]' )
168+ . click ( ) ;
169+ const lineHeightButton = page
170+ . locator ( '[aria-label="Typography options"] button, .popover-slot button' )
171+ . filter ( { hasText : 'Line height' } ) ;
172+ await lineHeightButton . click ( ) ;
173+ await lineHeightButton . press ( 'Escape' ) ;
174+ await page . locator ( '.components-input-control__input[placeholder="1.5"]' ) . fill ( '2' ) ;
175+ } else {
176+ await page
177+ . locator ( '.block-editor-block-inspector fieldset.components-font-size-picker' )
178+ . locator ( 'button[role="combobox"], button[aria-label="Font size"]' )
179+ . click ( ) ;
161180
162- await page . locator ( '.block-editor-line-height-control input' ) . fill ( '2' ) ;
163- await page . locator ( '.block-editor-block-inspector button[aria-label="Settings"]' ) . click ( ) ;
181+ await page
182+ . locator (
183+ '.block-editor-block-inspector li[role="option"], .block-editor-block-inspector div[role="option"]' ,
184+ )
185+ . filter ( { hasText : 'Extra small' } )
186+ . click ( ) ;
187+
188+ await page . locator ( '.block-editor-line-height-control input' ) . fill ( '2' ) ;
189+ await page
190+ . locator ( '.block-editor-block-inspector button[aria-label="Settings"]' )
191+ . click ( ) ;
192+ }
164193 }
165194
166195 await expect ( element ) . toHaveCSS ( 'font-size' , '16px' ) ;
@@ -189,27 +218,59 @@ export async function supportsBlockDimensions(page: Page, element: Locator, isEd
189218 await paddingButton . dispatchEvent ( 'click' ) ;
190219 await paddingButton . press ( 'Escape' ) ;
191220
192- const verticalInputsWrapper = dimensionsPanel
193- . locator ( '.component-spacing-sizes-control, .spacing-sizes-control__wrapper' )
194- . first ( ) ;
221+ if ( process . env . WP_VERSION === '6.2' ) {
222+ await page . locator ( '.components-button[aria-label="Unlink sides"]' ) . click ( ) ;
195223
196- await verticalInputsWrapper
197- . locator ( 'button[aria-label="Set custom value"], button[aria-label="Set custom size"]' )
198- . first ( )
199- . click ( ) ;
200- await verticalInputsWrapper . locator ( 'input[type="number"]' ) . fill ( '10' ) ;
224+ const inputs = [
225+ { label : 'Top padding' , value : 10 } ,
226+ { label : 'Right padding' , value : 15 } ,
227+ { label : 'Bottom padding' , value : 10 } ,
228+ { label : 'Left padding' , value : 15 } ,
229+ ] ;
201230
202- const horizontalInputsWrapper = dimensionsPanel
203- . locator ( '.component-spacing-sizes-control, .spacing-sizes-control__wrapper' )
204- . nth ( 1 ) ;
231+ for await ( const { label, value } of inputs ) {
232+ const customSizeButton = dimensionsPanel
233+ . locator ( 'button[aria-label="Set custom size"]' )
234+ . first ( ) ;
235+ const input = dimensionsPanel
236+ . locator ( `label:has-text("${ label } ")` )
237+ . locator ( '..' )
238+ . locator ( 'input' ) ;
205239
206- await horizontalInputsWrapper
207- . locator ( 'button[aria-label="Set custom value"], button[aria-label="Set custom size"]' )
208- . first ( )
209- . click ( ) ;
210- await horizontalInputsWrapper . locator ( 'input[type="number"]' ) . fill ( '15' ) ;
240+ await customSizeButton . click ( { force : true } ) ;
241+ await input . fill ( value . toString ( ) ) ;
242+ }
211243
212- await page . locator ( '.block-editor-block-inspector button[aria-label="Settings"]' ) . click ( ) ;
244+ await dimensionsPanel . click ( ) ;
245+ } else {
246+ const verticalInputsWrapper = dimensionsPanel
247+ . locator ( '.component-spacing-sizes-control, .spacing-sizes-control__wrapper' )
248+ . first ( ) ;
249+
250+ await verticalInputsWrapper
251+ . locator (
252+ 'button[aria-label="Set custom value"], button[aria-label="Set custom size"]' ,
253+ )
254+ . first ( )
255+ . click ( ) ;
256+ await verticalInputsWrapper . locator ( 'input[type="number"]' ) . fill ( '10' ) ;
257+
258+ const horizontalInputsWrapper = dimensionsPanel
259+ . locator ( '.component-spacing-sizes-control, .spacing-sizes-control__wrapper' )
260+ . nth ( 1 ) ;
261+
262+ await horizontalInputsWrapper
263+ . locator (
264+ 'button[aria-label="Set custom value"], button[aria-label="Set custom size"]' ,
265+ )
266+ . first ( )
267+ . click ( ) ;
268+ await horizontalInputsWrapper . locator ( 'input[type="number"]' ) . fill ( '15' ) ;
269+
270+ await page
271+ . locator ( '.block-editor-block-inspector button[aria-label="Settings"]' )
272+ . click ( ) ;
273+ }
213274 }
214275
215276 await expect ( element ) . toHaveCSS ( 'padding' , '10px 15px' ) ;
0 commit comments