Skip to content

Add/fix critical css e2e on interstitial #102662

Add/fix critical css e2e on interstitial

Add/fix critical css e2e on interstitial #102662

Re-run triggered March 7, 2025 12:26
Status Failure
Total duration 1h 3m 12s
Artifacts 18

e2e-tests.yml

on: pull_request
Determine tests matrix
1m 20s
Determine tests matrix
Matrix: build-projects
Matrix: e2e-tests
Test report
5s
Test report
Slack notification
2m 37s
Slack notification
Fit to window
Zoom out
Zoom in

Annotations

17 errors and 14 notices
[chromium] › specs/modules/modules-common.test.js:34:3 › Modules › The critical_css module state should toggle to an inverse state: projects/plugins/boost/tests/e2e/lib/pages/wp-admin/JetpackBoostPage.js#L76
1) [chromium] › specs/modules/modules-common.test.js:34:3 › Modules › The critical_css module state should toggle to an inverse state TimeoutError: locator.waitFor: Timeout 20000ms exceeded. Call log: - waiting for locator('.jb-feature-toggle-critical_css .components-form-toggle') to be visible at lib/pages/wp-admin/JetpackBoostPage.js:76 74 | `.jb-feature-toggle-${ moduleName } .components-form-toggle` 75 | ); > 76 | await toggleSwitch.waitFor(); | ^ 77 | const classNames = await toggleSwitch.getAttribute( 'class' ); 78 | 79 | return classNames.includes( 'is-checked' ); at JetpackBoostPage.isModuleEnabled (/home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/lib/pages/wp-admin/JetpackBoostPage.js:76:22) at /home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/specs/modules/modules-common.test.js:37:28
[chromium] › specs/modules/modules-common.test.js:34:3 › Modules › The critical_css module state should toggle to an inverse state: projects/plugins/boost/tests/e2e/lib/pages/wp-admin/JetpackBoostPage.js#L76
1) [chromium] › specs/modules/modules-common.test.js:34:3 › Modules › The critical_css module state should toggle to an inverse state Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.waitFor: Timeout 20000ms exceeded. Call log: - waiting for locator('.jb-feature-toggle-critical_css .components-form-toggle') to be visible at lib/pages/wp-admin/JetpackBoostPage.js:76 74 | `.jb-feature-toggle-${ moduleName } .components-form-toggle` 75 | ); > 76 | await toggleSwitch.waitFor(); | ^ 77 | const classNames = await toggleSwitch.getAttribute( 'class' ); 78 | 79 | return classNames.includes( 'is-checked' ); at JetpackBoostPage.isModuleEnabled (/home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/lib/pages/wp-admin/JetpackBoostPage.js:76:22) at /home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/specs/modules/modules-common.test.js:37:28
[chromium] › specs/modules/modules-common.test.js:34:3 › Modules › The critical_css module state should toggle to an inverse state: projects/plugins/boost/tests/e2e/lib/pages/wp-admin/JetpackBoostPage.js#L76
1) [chromium] › specs/modules/modules-common.test.js:34:3 › Modules › The critical_css module state should toggle to an inverse state Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.waitFor: Timeout 20000ms exceeded. Call log: - waiting for locator('.jb-feature-toggle-critical_css .components-form-toggle') to be visible at lib/pages/wp-admin/JetpackBoostPage.js:76 74 | `.jb-feature-toggle-${ moduleName } .components-form-toggle` 75 | ); > 76 | await toggleSwitch.waitFor(); | ^ 77 | const classNames = await toggleSwitch.getAttribute( 'class' ); 78 | 79 | return classNames.includes( 'is-checked' ); at JetpackBoostPage.isModuleEnabled (/home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/lib/pages/wp-admin/JetpackBoostPage.js:76:22) at /home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/specs/modules/modules-common.test.js:37:28
Jetpack Boost - Modules e2e tests
Process completed with exit code 1.
[chromium] › specs/critical-css/critical-css.test.js:47:2 › Critical CSS module › Critical CSS should be generated when the module is active: tools/e2e-commons/pages/page-actions.js#L320
1) [chromium] › specs/critical-css/critical-css.test.js:47:2 › Critical CSS module › Critical CSS should be generated when the module is active TimeoutError: locator.waitFor: Timeout 20000ms exceeded. Call log: - waiting for locator('.jb-critical-css-progress').first() to be visible at ../../../../../tools/e2e-commons/pages/page-actions.js:320 318 | ); 319 | const element = this.page.locator( selector ).first(); > 320 | await element.waitFor( { state, timeout } ); | ^ 321 | return element; 322 | } 323 | at JetpackBoostPage.waitForElementState (/home/runner/work/jetpack/jetpack/tools/e2e-commons/pages/page-actions.js:320:17) at JetpackBoostPage.waitForElementToBeVisible (/home/runner/work/jetpack/jetpack/tools/e2e-commons/pages/page-actions.js:269:21) at JetpackBoostPage.waitForCriticalCssGenerationProgressUIVisibility (/home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/lib/pages/wp-admin/JetpackBoostPage.js:111:15) at /home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/specs/critical-css/critical-css.test.js:51:27
[chromium] › specs/critical-css/critical-css.test.js:47:2 › Critical CSS module › Critical CSS should be generated when the module is active: tools/e2e-commons/pages/page-actions.js#L320
1) [chromium] › specs/critical-css/critical-css.test.js:47:2 › Critical CSS module › Critical CSS should be generated when the module is active Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.waitFor: Timeout 20000ms exceeded. Call log: - waiting for locator('.jb-critical-css-progress').first() to be visible at ../../../../../tools/e2e-commons/pages/page-actions.js:320 318 | ); 319 | const element = this.page.locator( selector ).first(); > 320 | await element.waitFor( { state, timeout } ); | ^ 321 | return element; 322 | } 323 | at JetpackBoostPage.waitForElementState (/home/runner/work/jetpack/jetpack/tools/e2e-commons/pages/page-actions.js:320:17) at JetpackBoostPage.waitForElementToBeVisible (/home/runner/work/jetpack/jetpack/tools/e2e-commons/pages/page-actions.js:269:21) at JetpackBoostPage.waitForCriticalCssGenerationProgressUIVisibility (/home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/lib/pages/wp-admin/JetpackBoostPage.js:111:15) at /home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/specs/critical-css/critical-css.test.js:51:27
[chromium] › specs/critical-css/critical-css.test.js:47:2 › Critical CSS module › Critical CSS should be generated when the module is active: tools/e2e-commons/pages/page-actions.js#L320
1) [chromium] › specs/critical-css/critical-css.test.js:47:2 › Critical CSS module › Critical CSS should be generated when the module is active Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.waitFor: Timeout 20000ms exceeded. Call log: - waiting for locator('.jb-critical-css-progress').first() to be visible at ../../../../../tools/e2e-commons/pages/page-actions.js:320 318 | ); 319 | const element = this.page.locator( selector ).first(); > 320 | await element.waitFor( { state, timeout } ); | ^ 321 | return element; 322 | } 323 | at JetpackBoostPage.waitForElementState (/home/runner/work/jetpack/jetpack/tools/e2e-commons/pages/page-actions.js:320:17) at JetpackBoostPage.waitForElementToBeVisible (/home/runner/work/jetpack/jetpack/tools/e2e-commons/pages/page-actions.js:269:21) at JetpackBoostPage.waitForCriticalCssGenerationProgressUIVisibility (/home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/lib/pages/wp-admin/JetpackBoostPage.js:111:15) at /home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/specs/critical-css/critical-css.test.js:51:27
[chromium] › specs/critical-css/critical-css.test.js:60:2 › Critical CSS module › Critical CSS meta information should show on the admin when the module is re-activated: tools/e2e-commons/pages/page-actions.js#L320
2) [chromium] › specs/critical-css/critical-css.test.js:60:2 › Critical CSS module › Critical CSS meta information should show on the admin when the module is re-activated TimeoutError: locator.waitFor: Timeout 180000ms exceeded. Call log: - waiting for locator('[data-testid="critical-css-meta"]').first() to be visible at ../../../../../tools/e2e-commons/pages/page-actions.js:320 318 | ); 319 | const element = this.page.locator( selector ).first(); > 320 | await element.waitFor( { state, timeout } ); | ^ 321 | return element; 322 | } 323 | at JetpackBoostPage.waitForElementState (/home/runner/work/jetpack/jetpack/tools/e2e-commons/pages/page-actions.js:320:17) at JetpackBoostPage.waitForElementToBeVisible (/home/runner/work/jetpack/jetpack/tools/e2e-commons/pages/page-actions.js:269:21) at JetpackBoostPage.waitForCriticalCssMetaInfoVisibility (/home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/lib/pages/wp-admin/JetpackBoostPage.js:106:15) at /home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/specs/critical-css/critical-css.test.js:65:27
[chromium] › specs/critical-css/critical-css.test.js:60:2 › Critical CSS module › Critical CSS meta information should show on the admin when the module is re-activated: tools/e2e-commons/pages/page-actions.js#L320
2) [chromium] › specs/critical-css/critical-css.test.js:60:2 › Critical CSS module › Critical CSS meta information should show on the admin when the module is re-activated Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.waitFor: Timeout 180000ms exceeded. Call log: - waiting for locator('[data-testid="critical-css-meta"]').first() to be visible at ../../../../../tools/e2e-commons/pages/page-actions.js:320 318 | ); 319 | const element = this.page.locator( selector ).first(); > 320 | await element.waitFor( { state, timeout } ); | ^ 321 | return element; 322 | } 323 | at JetpackBoostPage.waitForElementState (/home/runner/work/jetpack/jetpack/tools/e2e-commons/pages/page-actions.js:320:17) at JetpackBoostPage.waitForElementToBeVisible (/home/runner/work/jetpack/jetpack/tools/e2e-commons/pages/page-actions.js:269:21) at JetpackBoostPage.waitForCriticalCssMetaInfoVisibility (/home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/lib/pages/wp-admin/JetpackBoostPage.js:106:15) at /home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/specs/critical-css/critical-css.test.js:65:27
[chromium] › specs/critical-css/critical-css.test.js:60:2 › Critical CSS module › Critical CSS meta information should show on the admin when the module is re-activated: tools/e2e-commons/pages/page-actions.js#L320
2) [chromium] › specs/critical-css/critical-css.test.js:60:2 › Critical CSS module › Critical CSS meta information should show on the admin when the module is re-activated Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.waitFor: Timeout 180000ms exceeded. Call log: - waiting for locator('[data-testid="critical-css-meta"]').first() to be visible at ../../../../../tools/e2e-commons/pages/page-actions.js:320 318 | ); 319 | const element = this.page.locator( selector ).first(); > 320 | await element.waitFor( { state, timeout } ); | ^ 321 | return element; 322 | } 323 | at JetpackBoostPage.waitForElementState (/home/runner/work/jetpack/jetpack/tools/e2e-commons/pages/page-actions.js:320:17) at JetpackBoostPage.waitForElementToBeVisible (/home/runner/work/jetpack/jetpack/tools/e2e-commons/pages/page-actions.js:269:21) at JetpackBoostPage.waitForCriticalCssMetaInfoVisibility (/home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/lib/pages/wp-admin/JetpackBoostPage.js:106:15) at /home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/specs/critical-css/critical-css.test.js:65:27
[chromium] › specs/critical-css/critical-css.test.js:70:2 › Critical CSS module › Critical CSS should be available on the frontend when the module is active: projects/plugins/boost/tests/e2e/specs/critical-css/critical-css.test.js#L72
3) [chromium] › specs/critical-css/critical-css.test.js:70:2 › Critical CSS module › Critical CSS should be available on the frontend when the module is active TimeoutError: locator.innerText: Timeout 20000ms exceeded. Call log: - waiting for locator('#jetpack-boost-critical-css') 70 | test( 'Critical CSS should be available on the frontend when the module is active', async () => { 71 | await PostFrontendPage.visit( page ); > 72 | const criticalCss = await page.locator( '#jetpack-boost-critical-css' ).innerText(); | ^ 73 | expect( criticalCss.length, 'Critical CSS should be displayed' ).toBeGreaterThan( 100 ); 74 | } ); 75 | at /home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/specs/critical-css/critical-css.test.js:72:75
[chromium] › specs/critical-css/critical-css.test.js:70:2 › Critical CSS module › Critical CSS should be available on the frontend when the module is active: projects/plugins/boost/tests/e2e/specs/critical-css/critical-css.test.js#L72
3) [chromium] › specs/critical-css/critical-css.test.js:70:2 › Critical CSS module › Critical CSS should be available on the frontend when the module is active Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.innerText: Timeout 20000ms exceeded. Call log: - waiting for locator('#jetpack-boost-critical-css') 70 | test( 'Critical CSS should be available on the frontend when the module is active', async () => { 71 | await PostFrontendPage.visit( page ); > 72 | const criticalCss = await page.locator( '#jetpack-boost-critical-css' ).innerText(); | ^ 73 | expect( criticalCss.length, 'Critical CSS should be displayed' ).toBeGreaterThan( 100 ); 74 | } ); 75 | at /home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/specs/critical-css/critical-css.test.js:72:75
[chromium] › specs/critical-css/critical-css.test.js:70:2 › Critical CSS module › Critical CSS should be available on the frontend when the module is active: projects/plugins/boost/tests/e2e/specs/critical-css/critical-css.test.js#L72
3) [chromium] › specs/critical-css/critical-css.test.js:70:2 › Critical CSS module › Critical CSS should be available on the frontend when the module is active Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── TimeoutError: locator.innerText: Timeout 20000ms exceeded. Call log: - waiting for locator('#jetpack-boost-critical-css') 70 | test( 'Critical CSS should be available on the frontend when the module is active', async () => { 71 | await PostFrontendPage.visit( page ); > 72 | const criticalCss = await page.locator( '#jetpack-boost-critical-css' ).innerText(); | ^ 73 | expect( criticalCss.length, 'Critical CSS should be displayed' ).toBeGreaterThan( 100 ); 74 | } ); 75 | at /home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/specs/critical-css/critical-css.test.js:72:75
[chromium] › specs/critical-css/critical-css.test.js:76:2 › Critical CSS module › Critical CSS Admin message should show when the theme is changed: tools/e2e-commons/pages/page-actions.js#L320
4) [chromium] › specs/critical-css/critical-css.test.js:76:2 › Critical CSS module › Critical CSS Admin message should show when the theme is changed TimeoutError: locator.waitFor: Timeout 20000ms exceeded. Call log: - waiting for locator('.jb-critical-css-progress').first() to be visible at ../../../../../tools/e2e-commons/pages/page-actions.js:320 318 | ); 319 | const element = this.page.locator( selector ).first(); > 320 | await element.waitFor( { state, timeout } ); | ^ 321 | return element; 322 | } 323 | at JetpackBoostPage.waitForElementState (/home/runner/work/jetpack/jetpack/tools/e2e-commons/pages/page-actions.js:320:17) at JetpackBoostPage.waitForElementToBeVisible (/home/runner/work/jetpack/jetpack/tools/e2e-commons/pages/page-actions.js:269:21) at JetpackBoostPage.waitForCriticalCssGenerationProgressUIVisibility (/home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/lib/pages/wp-admin/JetpackBoostPage.js:111:15) at /home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/specs/critical-css/critical-css.test.js:92:27
[chromium] › specs/page-cache/page-cache.test.js:89:2 › Cache module › Page Cache meta information should show on the admin when the module is active: projects/plugins/boost/tests/e2e/lib/pages/wp-admin/PermalinksPage.js#L20
1) [chromium] › specs/page-cache/page-cache.test.js:89:2 › Cache module › Page Cache meta information should show on the admin when the module is active TimeoutError: page.click: Timeout 20000ms exceeded. Call log: - waiting for locator('[id="submit"]') - locator resolved to <input id="submit" type="submit" name="submit" value="Save Changes" class="button button-primary"/> - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - performing click action - click action done - waiting for scheduled navigations to finish at lib/pages/wp-admin/PermalinksPage.js:20 18 | const selector = '[id="permalink-input-day-name"]'; 19 | await this.page.click( selector ); > 20 | await this.page.click( '[id="submit"]' ); | ^ 21 | await this.waitForLoad(); 22 | } 23 | } at PermalinksPage.useDayNameStructure (/home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/lib/pages/wp-admin/PermalinksPage.js:20:19) at /home/runner/work/jetpack/jetpack/projects/plugins/boost/tests/e2e/specs/page-cache/page-cache.test.js:91:3
Jetpack Boost - Base e2e tests
The job running on runner GitHub Actions 289 has exceeded the maximum execution time of 60 minutes.
Jetpack Boost - Base e2e tests
The operation was canceled.
🎭 Playwright Run Summary
1 passed (51.5s)
🎭 Playwright Run Summary
2 passed (3.4m)
🎭 Playwright Run Summary
1 passed (1.2m)
🎭 Playwright Run Summary
3 passed (2.1m)
🎭 Playwright Run Summary
1 failed [chromium] › specs/modules/modules-common.test.js:34:3 › Modules › The critical_css module state should toggle to an inverse state 4 did not run 8 passed (3.4m)
🎭 Playwright Run Summary
2 passed (3.1m)
🎭 Playwright Run Summary
5 passed (1.2m)
🎭 Playwright Run Summary
6 failed [chromium] › specs/critical-css/critical-css.test.js:47:2 › Critical CSS module › Critical CSS should be generated when the module is active [chromium] › specs/critical-css/critical-css.test.js:60:2 › Critical CSS module › Critical CSS meta information should show on the admin when the module is re-activated [chromium] › specs/critical-css/critical-css.test.js:70:2 › Critical CSS module › Critical CSS should be available on the frontend when the module is active [chromium] › specs/critical-css/critical-css.test.js:76:2 › Critical CSS module › Critical CSS Admin message should show when the theme is changed [chromium] › specs/critical-css/critical-css.test.js:101:2 › Critical CSS module › Critical CSS should be generated with an error (advanced recommendations) [chromium] › specs/critical-css/critical-css.test.js:132:2 › Critical CSS module › User can access the Critical advanced recommendations and go back to settings page 2 passed (18.7m)
🎭 Playwright Run Summary
1 flaky [chromium] › specs/page-cache/page-cache.test.js:89:2 › Cache module › Page Cache meta information should show on the admin when the module is active 4 passed (2.7m)
🎭 Playwright Run Summary
4 passed (55.7s)
🎭 Playwright Run Summary
2 passed (37.3s)
🎭 Playwright Run Summary
6 passed (2.2m)
🎭 Playwright Run Summary
3 passed (2.7m)
🎭 Playwright Run Summary
1 passed (44.9s)

Artifacts

Produced during runtime
Name Size
test-output-Jetpack Boost - Base
26 KB