Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Debug performance tests issues #48208

Closed
wants to merge 13 commits into from
Closed

Conversation

WunderBart
Copy link
Member

@WunderBart WunderBart commented Feb 17, 2023

What?

Let's keep this PR for debugging failing performance tests.

@github-actions
Copy link

github-actions bot commented Feb 17, 2023

Size Change: 0 B

Total Size: 1.33 MB

ℹ️ View Unchanged
Filename Size
build/a11y/index.min.js 993 B
build/annotations/index.min.js 2.78 kB
build/api-fetch/index.min.js 2.27 kB
build/autop/index.min.js 2.15 kB
build/blob/index.min.js 483 B
build/block-directory/index.min.js 7.2 kB
build/block-directory/style-rtl.css 1.04 kB
build/block-directory/style.css 1.04 kB
build/block-editor/content-rtl.css 4.11 kB
build/block-editor/content.css 4.1 kB
build/block-editor/default-editor-styles-rtl.css 403 B
build/block-editor/default-editor-styles.css 403 B
build/block-editor/index.min.js 194 kB
build/block-editor/style-rtl.css 14.4 kB
build/block-editor/style.css 14.4 kB
build/block-library/blocks/archives/editor-rtl.css 61 B
build/block-library/blocks/archives/editor.css 60 B
build/block-library/blocks/archives/style-rtl.css 90 B
build/block-library/blocks/archives/style.css 90 B
build/block-library/blocks/audio/editor-rtl.css 150 B
build/block-library/blocks/audio/editor.css 150 B
build/block-library/blocks/audio/style-rtl.css 122 B
build/block-library/blocks/audio/style.css 122 B
build/block-library/blocks/audio/theme-rtl.css 138 B
build/block-library/blocks/audio/theme.css 138 B
build/block-library/blocks/avatar/editor-rtl.css 116 B
build/block-library/blocks/avatar/editor.css 116 B
build/block-library/blocks/avatar/style-rtl.css 91 B
build/block-library/blocks/avatar/style.css 91 B
build/block-library/blocks/block/editor-rtl.css 305 B
build/block-library/blocks/block/editor.css 305 B
build/block-library/blocks/button/editor-rtl.css 587 B
build/block-library/blocks/button/editor.css 587 B
build/block-library/blocks/button/style-rtl.css 628 B
build/block-library/blocks/button/style.css 627 B
build/block-library/blocks/buttons/editor-rtl.css 337 B
build/block-library/blocks/buttons/editor.css 337 B
build/block-library/blocks/buttons/style-rtl.css 332 B
build/block-library/blocks/buttons/style.css 332 B
build/block-library/blocks/calendar/style-rtl.css 239 B
build/block-library/blocks/calendar/style.css 239 B
build/block-library/blocks/categories/editor-rtl.css 84 B
build/block-library/blocks/categories/editor.css 83 B
build/block-library/blocks/categories/style-rtl.css 100 B
build/block-library/blocks/categories/style.css 100 B
build/block-library/blocks/code/editor-rtl.css 53 B
build/block-library/blocks/code/editor.css 53 B
build/block-library/blocks/code/style-rtl.css 121 B
build/block-library/blocks/code/style.css 121 B
build/block-library/blocks/code/theme-rtl.css 124 B
build/block-library/blocks/code/theme.css 124 B
build/block-library/blocks/columns/editor-rtl.css 108 B
build/block-library/blocks/columns/editor.css 108 B
build/block-library/blocks/columns/style-rtl.css 406 B
build/block-library/blocks/columns/style.css 406 B
build/block-library/blocks/comment-author-avatar/editor-rtl.css 125 B
build/block-library/blocks/comment-author-avatar/editor.css 125 B
build/block-library/blocks/comment-content/style-rtl.css 92 B
build/block-library/blocks/comment-content/style.css 92 B
build/block-library/blocks/comment-template/style-rtl.css 199 B
build/block-library/blocks/comment-template/style.css 198 B
build/block-library/blocks/comments-pagination-numbers/editor-rtl.css 123 B
build/block-library/blocks/comments-pagination-numbers/editor.css 121 B
build/block-library/blocks/comments-pagination/editor-rtl.css 222 B
build/block-library/blocks/comments-pagination/editor.css 209 B
build/block-library/blocks/comments-pagination/style-rtl.css 235 B
build/block-library/blocks/comments-pagination/style.css 231 B
build/block-library/blocks/comments-title/editor-rtl.css 75 B
build/block-library/blocks/comments-title/editor.css 75 B
build/block-library/blocks/comments/editor-rtl.css 840 B
build/block-library/blocks/comments/editor.css 839 B
build/block-library/blocks/comments/style-rtl.css 637 B
build/block-library/blocks/comments/style.css 636 B
build/block-library/blocks/cover/editor-rtl.css 612 B
build/block-library/blocks/cover/editor.css 613 B
build/block-library/blocks/cover/style-rtl.css 1.57 kB
build/block-library/blocks/cover/style.css 1.56 kB
build/block-library/blocks/embed/editor-rtl.css 293 B
build/block-library/blocks/embed/editor.css 293 B
build/block-library/blocks/embed/style-rtl.css 410 B
build/block-library/blocks/embed/style.css 410 B
build/block-library/blocks/embed/theme-rtl.css 138 B
build/block-library/blocks/embed/theme.css 138 B
build/block-library/blocks/file/editor-rtl.css 300 B
build/block-library/blocks/file/editor.css 300 B
build/block-library/blocks/file/style-rtl.css 265 B
build/block-library/blocks/file/style.css 265 B
build/block-library/blocks/file/view.min.js 353 B
build/block-library/blocks/freeform/editor-rtl.css 2.44 kB
build/block-library/blocks/freeform/editor.css 2.44 kB
build/block-library/blocks/gallery/editor-rtl.css 984 B
build/block-library/blocks/gallery/editor.css 988 B
build/block-library/blocks/gallery/style-rtl.css 1.55 kB
build/block-library/blocks/gallery/style.css 1.55 kB
build/block-library/blocks/gallery/theme-rtl.css 122 B
build/block-library/blocks/gallery/theme.css 122 B
build/block-library/blocks/group/editor-rtl.css 654 B
build/block-library/blocks/group/editor.css 654 B
build/block-library/blocks/group/style-rtl.css 57 B
build/block-library/blocks/group/style.css 57 B
build/block-library/blocks/group/theme-rtl.css 78 B
build/block-library/blocks/group/theme.css 78 B
build/block-library/blocks/heading/style-rtl.css 76 B
build/block-library/blocks/heading/style.css 76 B
build/block-library/blocks/html/editor-rtl.css 332 B
build/block-library/blocks/html/editor.css 333 B
build/block-library/blocks/image/editor-rtl.css 830 B
build/block-library/blocks/image/editor.css 829 B
build/block-library/blocks/image/style-rtl.css 652 B
build/block-library/blocks/image/style.css 652 B
build/block-library/blocks/image/theme-rtl.css 137 B
build/block-library/blocks/image/theme.css 137 B
build/block-library/blocks/latest-comments/style-rtl.css 357 B
build/block-library/blocks/latest-comments/style.css 357 B
build/block-library/blocks/latest-posts/editor-rtl.css 213 B
build/block-library/blocks/latest-posts/editor.css 212 B
build/block-library/blocks/latest-posts/style-rtl.css 478 B
build/block-library/blocks/latest-posts/style.css 478 B
build/block-library/blocks/list/style-rtl.css 88 B
build/block-library/blocks/list/style.css 88 B
build/block-library/blocks/media-text/editor-rtl.css 266 B
build/block-library/blocks/media-text/editor.css 263 B
build/block-library/blocks/media-text/style-rtl.css 507 B
build/block-library/blocks/media-text/style.css 505 B
build/block-library/blocks/more/editor-rtl.css 431 B
build/block-library/blocks/more/editor.css 431 B
build/block-library/blocks/navigation-link/editor-rtl.css 716 B
build/block-library/blocks/navigation-link/editor.css 715 B
build/block-library/blocks/navigation-link/style-rtl.css 115 B
build/block-library/blocks/navigation-link/style.css 115 B
build/block-library/blocks/navigation-submenu/editor-rtl.css 299 B
build/block-library/blocks/navigation-submenu/editor.css 299 B
build/block-library/blocks/navigation/editor-rtl.css 2.13 kB
build/block-library/blocks/navigation/editor.css 2.14 kB
build/block-library/blocks/navigation/style-rtl.css 2.22 kB
build/block-library/blocks/navigation/style.css 2.2 kB
build/block-library/blocks/navigation/view-modal.min.js 2.81 kB
build/block-library/blocks/navigation/view.min.js 447 B
build/block-library/blocks/nextpage/editor-rtl.css 395 B
build/block-library/blocks/nextpage/editor.css 395 B
build/block-library/blocks/page-list/editor-rtl.css 376 B
build/block-library/blocks/page-list/editor.css 376 B
build/block-library/blocks/page-list/style-rtl.css 175 B
build/block-library/blocks/page-list/style.css 175 B
build/block-library/blocks/paragraph/editor-rtl.css 174 B
build/block-library/blocks/paragraph/editor.css 174 B
build/block-library/blocks/paragraph/style-rtl.css 279 B
build/block-library/blocks/paragraph/style.css 281 B
build/block-library/blocks/post-author/style-rtl.css 175 B
build/block-library/blocks/post-author/style.css 176 B
build/block-library/blocks/post-comments-form/editor-rtl.css 96 B
build/block-library/blocks/post-comments-form/editor.css 96 B
build/block-library/blocks/post-comments-form/style-rtl.css 501 B
build/block-library/blocks/post-comments-form/style.css 501 B
build/block-library/blocks/post-date/style-rtl.css 61 B
build/block-library/blocks/post-date/style.css 61 B
build/block-library/blocks/post-excerpt/editor-rtl.css 73 B
build/block-library/blocks/post-excerpt/editor.css 73 B
build/block-library/blocks/post-excerpt/style-rtl.css 134 B
build/block-library/blocks/post-excerpt/style.css 134 B
build/block-library/blocks/post-featured-image/editor-rtl.css 586 B
build/block-library/blocks/post-featured-image/editor.css 584 B
build/block-library/blocks/post-featured-image/style-rtl.css 318 B
build/block-library/blocks/post-featured-image/style.css 318 B
build/block-library/blocks/post-navigation-link/style-rtl.css 153 B
build/block-library/blocks/post-navigation-link/style.css 153 B
build/block-library/blocks/post-template/editor-rtl.css 99 B
build/block-library/blocks/post-template/editor.css 98 B
build/block-library/blocks/post-template/style-rtl.css 282 B
build/block-library/blocks/post-template/style.css 282 B
build/block-library/blocks/post-terms/style-rtl.css 96 B
build/block-library/blocks/post-terms/style.css 96 B
build/block-library/blocks/post-title/style-rtl.css 100 B
build/block-library/blocks/post-title/style.css 100 B
build/block-library/blocks/preformatted/style-rtl.css 103 B
build/block-library/blocks/preformatted/style.css 103 B
build/block-library/blocks/pullquote/editor-rtl.css 135 B
build/block-library/blocks/pullquote/editor.css 135 B
build/block-library/blocks/pullquote/style-rtl.css 326 B
build/block-library/blocks/pullquote/style.css 325 B
build/block-library/blocks/pullquote/theme-rtl.css 167 B
build/block-library/blocks/pullquote/theme.css 167 B
build/block-library/blocks/query-pagination-numbers/editor-rtl.css 122 B
build/block-library/blocks/query-pagination-numbers/editor.css 121 B
build/block-library/blocks/query-pagination/editor-rtl.css 221 B
build/block-library/blocks/query-pagination/editor.css 211 B
build/block-library/blocks/query-pagination/style-rtl.css 288 B
build/block-library/blocks/query-pagination/style.css 284 B
build/block-library/blocks/query-title/style-rtl.css 63 B
build/block-library/blocks/query-title/style.css 63 B
build/block-library/blocks/query/editor-rtl.css 458 B
build/block-library/blocks/query/editor.css 457 B
build/block-library/blocks/quote/style-rtl.css 222 B
build/block-library/blocks/quote/style.css 222 B
build/block-library/blocks/quote/theme-rtl.css 223 B
build/block-library/blocks/quote/theme.css 226 B
build/block-library/blocks/read-more/style-rtl.css 132 B
build/block-library/blocks/read-more/style.css 132 B
build/block-library/blocks/rss/editor-rtl.css 149 B
build/block-library/blocks/rss/editor.css 149 B
build/block-library/blocks/rss/style-rtl.css 289 B
build/block-library/blocks/rss/style.css 288 B
build/block-library/blocks/search/editor-rtl.css 165 B
build/block-library/blocks/search/editor.css 165 B
build/block-library/blocks/search/style-rtl.css 409 B
build/block-library/blocks/search/style.css 406 B
build/block-library/blocks/search/theme-rtl.css 114 B
build/block-library/blocks/search/theme.css 114 B
build/block-library/blocks/separator/editor-rtl.css 146 B
build/block-library/blocks/separator/editor.css 146 B
build/block-library/blocks/separator/style-rtl.css 234 B
build/block-library/blocks/separator/style.css 234 B
build/block-library/blocks/separator/theme-rtl.css 194 B
build/block-library/blocks/separator/theme.css 194 B
build/block-library/blocks/shortcode/editor-rtl.css 474 B
build/block-library/blocks/shortcode/editor.css 474 B
build/block-library/blocks/site-logo/editor-rtl.css 490 B
build/block-library/blocks/site-logo/editor.css 490 B
build/block-library/blocks/site-logo/style-rtl.css 203 B
build/block-library/blocks/site-logo/style.css 203 B
build/block-library/blocks/site-tagline/editor-rtl.css 86 B
build/block-library/blocks/site-tagline/editor.css 86 B
build/block-library/blocks/site-title/editor-rtl.css 116 B
build/block-library/blocks/site-title/editor.css 116 B
build/block-library/blocks/site-title/style-rtl.css 57 B
build/block-library/blocks/site-title/style.css 57 B
build/block-library/blocks/social-link/editor-rtl.css 184 B
build/block-library/blocks/social-link/editor.css 184 B
build/block-library/blocks/social-links/editor-rtl.css 674 B
build/block-library/blocks/social-links/editor.css 673 B
build/block-library/blocks/social-links/style-rtl.css 1.4 kB
build/block-library/blocks/social-links/style.css 1.39 kB
build/block-library/blocks/spacer/editor-rtl.css 332 B
build/block-library/blocks/spacer/editor.css 332 B
build/block-library/blocks/spacer/style-rtl.css 48 B
build/block-library/blocks/spacer/style.css 48 B
build/block-library/blocks/table/editor-rtl.css 433 B
build/block-library/blocks/table/editor.css 433 B
build/block-library/blocks/table/style-rtl.css 651 B
build/block-library/blocks/table/style.css 650 B
build/block-library/blocks/table/theme-rtl.css 157 B
build/block-library/blocks/table/theme.css 157 B
build/block-library/blocks/tag-cloud/style-rtl.css 251 B
build/block-library/blocks/tag-cloud/style.css 253 B
build/block-library/blocks/template-part/editor-rtl.css 404 B
build/block-library/blocks/template-part/editor.css 404 B
build/block-library/blocks/template-part/theme-rtl.css 101 B
build/block-library/blocks/template-part/theme.css 101 B
build/block-library/blocks/text-columns/editor-rtl.css 95 B
build/block-library/blocks/text-columns/editor.css 95 B
build/block-library/blocks/text-columns/style-rtl.css 166 B
build/block-library/blocks/text-columns/style.css 166 B
build/block-library/blocks/verse/style-rtl.css 99 B
build/block-library/blocks/verse/style.css 99 B
build/block-library/blocks/video/editor-rtl.css 552 B
build/block-library/blocks/video/editor.css 555 B
build/block-library/blocks/video/style-rtl.css 179 B
build/block-library/blocks/video/style.css 179 B
build/block-library/blocks/video/theme-rtl.css 139 B
build/block-library/blocks/video/theme.css 139 B
build/block-library/classic-rtl.css 179 B
build/block-library/classic.css 179 B
build/block-library/common-rtl.css 1.11 kB
build/block-library/common.css 1.11 kB
build/block-library/editor-elements-rtl.css 75 B
build/block-library/editor-elements.css 75 B
build/block-library/editor-rtl.css 11.6 kB
build/block-library/editor.css 11.6 kB
build/block-library/elements-rtl.css 54 B
build/block-library/elements.css 54 B
build/block-library/index.min.js 200 kB
build/block-library/reset-rtl.css 478 B
build/block-library/reset.css 478 B
build/block-library/style-rtl.css 12.7 kB
build/block-library/style.css 12.7 kB
build/block-library/theme-rtl.css 698 B
build/block-library/theme.css 703 B
build/block-serialization-default-parser/index.min.js 1.13 kB
build/block-serialization-spec-parser/index.min.js 2.83 kB
build/blocks/index.min.js 51 kB
build/components/index.min.js 207 kB
build/components/style-rtl.css 11.7 kB
build/components/style.css 11.7 kB
build/compose/index.min.js 12.4 kB
build/core-data/index.min.js 15.9 kB
build/customize-widgets/index.min.js 11.9 kB
build/customize-widgets/style-rtl.css 1.41 kB
build/customize-widgets/style.css 1.41 kB
build/data-controls/index.min.js 663 B
build/data/index.min.js 8.57 kB
build/date/index.min.js 40.4 kB
build/deprecated/index.min.js 518 B
build/dom-ready/index.min.js 336 B
build/dom/index.min.js 4.71 kB
build/edit-post/classic-rtl.css 571 B
build/edit-post/classic.css 571 B
build/edit-post/index.min.js 34.7 kB
build/edit-post/style-rtl.css 7.53 kB
build/edit-post/style.css 7.52 kB
build/edit-site/index.min.js 64.8 kB
build/edit-site/style-rtl.css 9.99 kB
build/edit-site/style.css 9.97 kB
build/edit-widgets/index.min.js 17 kB
build/edit-widgets/style-rtl.css 4.55 kB
build/edit-widgets/style.css 4.55 kB
build/editor/index.min.js 45.5 kB
build/editor/style-rtl.css 3.54 kB
build/editor/style.css 3.53 kB
build/element/index.min.js 4.93 kB
build/escape-html/index.min.js 548 B
build/format-library/index.min.js 7.27 kB
build/format-library/style-rtl.css 557 B
build/format-library/style.css 556 B
build/hooks/index.min.js 1.66 kB
build/html-entities/index.min.js 454 B
build/i18n/index.min.js 3.79 kB
build/is-shallow-equal/index.min.js 535 B
build/keyboard-shortcuts/index.min.js 1.79 kB
build/keycodes/index.min.js 1.94 kB
build/list-reusable-blocks/index.min.js 2.14 kB
build/list-reusable-blocks/style-rtl.css 865 B
build/list-reusable-blocks/style.css 865 B
build/media-utils/index.min.js 2.99 kB
build/notices/index.min.js 977 B
build/plugins/index.min.js 1.95 kB
build/preferences-persistence/index.min.js 2.23 kB
build/preferences/index.min.js 1.35 kB
build/primitives/index.min.js 960 B
build/priority-queue/index.min.js 1.52 kB
build/private-apis/index.min.js 940 B
build/react-i18n/index.min.js 702 B
build/react-refresh-entry/index.min.js 8.44 kB
build/react-refresh-runtime/index.min.js 7.31 kB
build/redux-routine/index.min.js 2.75 kB
build/reusable-blocks/index.min.js 2.26 kB
build/reusable-blocks/style-rtl.css 265 B
build/reusable-blocks/style.css 265 B
build/rich-text/index.min.js 10.8 kB
build/server-side-render/index.min.js 2.09 kB
build/shortcode/index.min.js 1.52 kB
build/style-engine/index.min.js 1.53 kB
build/token-list/index.min.js 650 B
build/url/index.min.js 3.69 kB
build/vendors/inert-polyfill.min.js 2.48 kB
build/vendors/react-dom.min.js 41.8 kB
build/vendors/react.min.js 4.02 kB
build/viewport/index.min.js 1.09 kB
build/warning/index.min.js 280 B
build/widgets/index.min.js 7.31 kB
build/widgets/style-rtl.css 1.18 kB
build/widgets/style.css 1.18 kB
build/wordcount/index.min.js 1.06 kB

compressed-size-action

@WunderBart
Copy link
Member Author

Currently, on trunk, it seems like the Site Editor doesn't load the test post at all:

Typing 2023-02-17T14-10-11

@youknowriad @kevin940726, any idea what might be causing it?

@t-hamano
Copy link
Contributor

If you don't mind, could you please test the following code once? Perhaps it is taking a long time to load the posted content.

diff --git a/packages/e2e-tests/specs/performance/site-editor.test.js b/packages/e2e-tests/specs/performance/site-editor.test.js
index a14b40d72b..5be2fbdfc4 100644
--- a/packages/e2e-tests/specs/performance/site-editor.test.js
+++ b/packages/e2e-tests/specs/performance/site-editor.test.js
@@ -140,11 +140,12 @@ describe( 'Site Editor Performance', () => {
                await page.waitForSelector( '.edit-site-visual-editor', {
                        timeout: 120000,
                } );
-               await canvas().waitForSelector( '.wp-block', { timeout: 120000 } );
+               await canvas().waitForSelector( '.wp-block', { timeout: 500000 } );
 
                // Measuring typing performance inside the post content.
                await canvas().waitForSelector(
-                       '[data-type="core/post-content"] [data-type="core/paragraph"]'
+                       '[data-type="core/post-content"] [data-type="core/paragraph"]',
+                       { timeout: 500000 }
                );
                await enterEditMode();
                await canvas().click(

@github-actions
Copy link

github-actions bot commented Feb 17, 2023

Flaky tests detected in d96dbd0.
Some tests passed with failed attempts. The failures may not be related to this commit but are still reported for visibility. See the documentation for more information.

🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/4216993939
📝 Reported issues:

@WunderBart
Copy link
Member Author

WunderBart commented Feb 17, 2023

If you don't mind, could you please test the following code once? Perhaps it is taking a long time to load the posted content.

👋 Hi @t-hamano! Just now, I've pushed a commit that should verify if the test post size is the issue (1e1ecde). Let's see if that works and then eventually try another approach 🤞

@WunderBart
Copy link
Member Author

WunderBart commented Feb 17, 2023

Looks like it's not the post size - it still loads with a WSOD canvas. The weirdest part, though, is that I cannot seem to reproduce locally no matter what I do. I've followed the exact same steps the CI does (I think), and I'm still getting pass on each run. I've also tried running the ./bin/plugin/cli.js perf script but it fails when trying to start wp-env with Failed to fire hook: while creating logrus local file hook: user: Current requires cgo or $USER set in environment.

Going to try higher timeout values, as suggested by @t-hamano above. It would also be nice to have the console logs - I'll see if I can get them.

edit: Just noticed that these timeouts are actually huge and I don't think they even last to the given value. The global timeout will most likely end the job before reaching 500000 ms (~8 minutes). I don't think it makes sense to test such values - what could take over 8 minutes to load? 😅 What do you think @t-hamano?

edit again:
OK let's try it (with a bit smaller value), it won't harm anyone! 😄

@t-hamano
Copy link
Contributor

Yes, the huge timeouts are just to find the cause 😄

TimeoutError: waiting for selector `[data-type="core/post-content"] [data-type="core/paragraph"]` failed: timeout 30000ms exceeded

This test failure logs indicate that this line has passed:

await canvas().waitForSelector( '.wp-block', { timeout: 120000 } );

Therefore, I suspect that it is not a complete WSOD canvas and that it is taking time to load the submitted content.

@WunderBart
Copy link
Member Author

Still the same thing. I'm heading out for the week, @t-hamano, so feel free to commandeer this branch. Good luck! 🙌

Also, cc @youknowriad @kevin940726 as I couldn't get to the bottom of the issue. Hopefully will be more lucky on Monday.

@t-hamano
Copy link
Contributor

Thanks for addressing this issue! I also put a call out to the #core-editor channel on Slack.

@kevin940726 kevin940726 force-pushed the try/archive-perf-artifacts branch from 29acbf4 to 749cd73 Compare February 19, 2023 07:04
@kevin940726
Copy link
Member

Based on the canvas HTML, it seems like the problem might be within the Query block?

image

@kevin940726 kevin940726 force-pushed the try/archive-perf-artifacts branch from 7bb3e65 to 6fc3ac1 Compare February 19, 2023 08:06
@kevin940726 kevin940726 force-pushed the try/archive-perf-artifacts branch from 755b893 to 6d464e4 Compare February 19, 2023 08:59
@t-hamano
Copy link
Contributor

Based on the canvas HTML, it seems like the problem might be within the Query block?

This is very strange. The test attempts to reference a template with a post type of page. If the emptytheme is used in the test, then the Singluar template should be referenced. And the text "No Results Found." is only present in core/comment-template, core/post-template and core-template-part. But this template does not have those blocks.

singular

Are we not accessing the correct template?

@t-hamano
Copy link
Contributor

t-hamano commented Feb 19, 2023

I have committed to find out what page the test indicates (i.e., the text of the title tag) when it fails. The text of the title tag should be expected to be:

Singular ' Template ' Editor ' {Site Title} - WordPress

@t-hamano
Copy link
Contributor

Okay, according to artifacts, it looks like Puppeteer is looking at the Index template instead of the expected template 🤔

<title>Index ‹ Template ‹ Editor ‹ d-7-e-5717-b-8-e-8-a-2389-e-5-b-4-e-61-a-77-aeee-0-da-11-f-447-b — WordPress</title>

@kevin940726
Copy link
Member

@t-hamano Yeah, you're right. It's not the expected outcome. At least we now know what went wrong 😅 . My guess would be that somehow createPost and saveDraft don't work as expected, but I'm not familiar with that area to have more guesses. 🤔

The image in #48208 (comment) by @WunderBart also indicates that it's not loading the page template, as the sidebar will look different.

@kevin940726
Copy link
Member

#48063 is the first PR I've seen to have this error. Before that, the error was different: Couldn't find "Paragraph" in the Blocks category.. There might be multiple issues 🤔 .

@t-hamano
Copy link
Contributor

If you access a non-existent post in the site editor, the sidebar navigation itself does not appear. However, artifacts shows the Index template. So the editor canvas might not correctly parse the URL path?

capture

@kevin940726
Copy link
Member

kevin940726 commented Feb 19, 2023

Okay, 9bc7099 seems to fix the first issue. The page now loads and the selector successfully selects the paragraph block. As a matter of fact, the HEAD commit for the performance test was successfully completed. However, the trunk test now fails with a familiar error (Couldn't find "Paragraph" in the Blocks category.)

Typing 2023-02-19T14-54-24

Looking at the screenshot, it seems like the page is focusing on a list item block. It's not allowed to insert a Paragraph block there hence the error. I have two guesses:

  1. Layout shifting after the page is loaded.
  2. Animation caused by entering the edit mode.

Let's try them one-by-one.

@t-hamano
Copy link
Contributor

Performance test passed 🤣 Thank you so much!

@kevin940726
Copy link
Member

So d96dbd0 works, but we still don't know the exact reason why it failed 😅 . Layout shifting seems like the most possible answer. (FWIW, if we ever migrate the performance test to Playwright then this might become trivial.)

This branch is obviously not in a ready-to-merge state. I'll defer the optimal solution for others more familiar with the code (@WunderBart, @youknowriad, @dmsnell 🙇) .

@ellatrix
Copy link
Member

Any way we can isolate the problem and fix it in a separate PR? A lot of PRs are blocked by the failing performance test.

@youknowriad
Copy link
Contributor

yeah I don't understand why the particular change solves it but. happy to see this small change in its own PR to unblock PRs for folks

@WunderBart
Copy link
Member Author

WunderBart commented Feb 20, 2023

Nice sleuthing @t-hamano @kevin940726, thank you! 🚀 I've isolated the fix to #48240. I think we should also merge the artifacts upload for the perf tests. I'll move it to another PR.

@WunderBart
Copy link
Member Author

WunderBart commented Feb 20, 2023

Isolated artifacts upload to #48243

@WunderBart WunderBart changed the title Add performance tests failure artifacts upload Debug performance tests issues Feb 20, 2023
ellatrix pushed a commit that referenced this pull request Feb 20, 2023
kevin940726 added a commit that referenced this pull request Feb 21, 2023
* Focus on the paragraph instead clicking it
See #48208 (comment)

* Add missing fixes
As per #48240 (review) and #48240 (comment)

* Try without the extra path param
As per #48240 (review)

* Remove obsolete await
As per #48240 (comment)

* Revert "Try without the extra path param"

This reverts commit 5fad8cd10c0765b8054ffdae7f6bd1840c7bba6c.

* Revert "Revert "Try without the extra path param""

This reverts commit 87b1109c0517b27ffe8f5bd5fb417a37e7a822d4.

* Revert "Revert "Revert "Try without the extra path param"""

This reverts commit 2b931a8bccfbafa9665e638045c6d1847955d98e.

* Remove unneeded changes

* Describe discrepancy of inexplicably-required line in code via explanatory comment.

* Use `canvas.focus()` instead of `canvas.click()`

---------

Co-authored-by: Kai Hao <kai@kaihao.dev>
Co-authored-by: Ella van Durpe <ella@vandurpe.com>
Co-authored-by: Dennis Snell <dennis.snell@automattic.com>
Co-authored-by: Tetsuaki Hamano <tetsuaki.hamano@gmail.com>
@t-hamano
Copy link
Contributor

The performance test failure issue has been fixed in #48240. The artifacts upload issue has been submitted as #48243.

So let's close this PR. Thank you for addressing this issue, @WunderBart!

@t-hamano t-hamano closed this Feb 21, 2023
@WunderBart WunderBart deleted the try/archive-perf-artifacts branch February 21, 2023 14:56
ntsekouras pushed a commit that referenced this pull request Feb 23, 2023
* Focus on the paragraph instead clicking it
See #48208 (comment)

* Add missing fixes
As per #48240 (review) and #48240 (comment)

* Try without the extra path param
As per #48240 (review)

* Remove obsolete await
As per #48240 (comment)

* Revert "Try without the extra path param"

This reverts commit 5fad8cd10c0765b8054ffdae7f6bd1840c7bba6c.

* Revert "Revert "Try without the extra path param""

This reverts commit 87b1109c0517b27ffe8f5bd5fb417a37e7a822d4.

* Revert "Revert "Revert "Try without the extra path param"""

This reverts commit 2b931a8bccfbafa9665e638045c6d1847955d98e.

* Remove unneeded changes

* Describe discrepancy of inexplicably-required line in code via explanatory comment.

* Use `canvas.focus()` instead of `canvas.click()`

---------

Co-authored-by: Kai Hao <kai@kaihao.dev>
Co-authored-by: Ella van Durpe <ella@vandurpe.com>
Co-authored-by: Dennis Snell <dennis.snell@automattic.com>
Co-authored-by: Tetsuaki Hamano <tetsuaki.hamano@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants