[Flaky Test] Entering zoomed out mode zooms the canvas

[github-actions]

Flaky test detected. This is an auto-generated issue by GitHub Actions. Please do NOT edit this manually.

Test title

Entering zoomed out mode zooms the canvas

Test path

/test/e2e/specs/site-editor/zoom-out.spec.js

Errors

[2024-10-11T09:32:47.098Z] Test passed after 1 failed attempt on trunk.
[2024-10-11T10:48:08.504Z] Test passed after 1 failed attempt on fix/device-type-browse-styles.
[2024-10-11T12:18:46.815Z] Test passed after 1 failed attempt on fix/posturl-ui-slug-peermalink.
[2024-10-11T13:40:23.186Z] Test passed after 2 failed attempts on update/grid-visualizer-to-be-hidden-in-zoom-out-mode.
[2024-10-11T15:10:49.158Z] Test passed after 1 failed attempt on trunk.
[2024-10-14T05:27:31.691Z] Test passed after 2 failed attempts on fix/e2e-storybook-config.
[2024-10-14T07:05:20.980Z] Test passed after 1 failed attempt on trunk.
[2024-10-14T08:54:34.294Z] Test passed after 1 failed attempt on fix/bootstrap-server-sources-earlier.
[2024-10-14T08:55:58.472Z] Test passed after 1 failed attempt on fix/posturl-ui-slug-peermalink.
[2024-10-14T20:54:38.670Z] Test passed after 1 failed attempt on docs/block-editor.
[2024-10-15T04:58:35.661Z] Test passed after 1 failed attempt on try/custom-presets-ignore-duplicate-slugs.
[2024-10-15T08:23:52.478Z] Test passed after 1 failed attempt on refactor-pattern-inserter.
[2024-10-15T09:33:37.654Z] Test passed after 1 failed attempt on trunk.
[2024-10-15T11:27:20.338Z] Test passed after 1 failed attempt on trunk.
[2024-10-15T13:50:09.759Z] Test passed after 1 failed attempt on fix/iframe-zoom-container.
[2024-10-15T14:38:27.885Z] Test passed after 1 failed attempt on trunk.
[2024-10-15T14:45:32.057Z] Test passed after 1 failed attempt on trunk.
[2024-10-15T15:22:42.097Z] Test passed after 1 failed attempt on trunk.
[2024-10-15T17:03:07.960Z] Test passed after 1 failed attempt on update/several-typos.
[2024-10-16T00:32:17.987Z] Test passed after 1 failed attempt on fix/toggle-group-control-focus.
[2024-10-16T06:08:32.239Z] Test passed after 2 failed attempts on trunk.
[2024-10-16T09:31:21.120Z] Test passed after 1 failed attempt on fix/use-get-entity-config-instead-of-get-post-types.
[2024-10-16T09:41:32.168Z] Test passed after 1 failed attempt on fix/update-changelog-fsn.
[2024-10-16T09:58:56.868Z] Test passed after 1 failed attempt on trunk.
[2024-10-16T10:12:47.166Z] Test passed after 1 failed attempt on fix/allow-label-override-in-bindings-registration.
[2024-10-16T10:49:27.670Z] Test passed after 1 failed attempt on trunk.
[2024-10-16T11:50:16.614Z] Test passed after 1 failed attempt on fix/use-get-entity-config-instead-of-get-post-types.
[2024-10-16T14:33:17.379Z] Test passed after 1 failed attempt on update/alphabetize-styles.
[2024-10-16T17:08:26.124Z] Test passed after 1 failed attempt on trunk.
[2024-10-16T17:56:48.315Z] Test passed after 1 failed attempt on managing-packages.
[2024-10-16T18:05:13.877Z] Test passed after 1 failed attempt on trunk.
[2024-10-16T18:40:38.728Z] Test passed after 1 failed attempt on add/storybook-elevation-tokens.
[2024-10-16T19:02:12.936Z] Test passed after 2 failed attempts on fix/html-scale-code-quality.
[2024-10-16T19:37:18.814Z] Test passed after 2 failed attempts on fix/iapi-deep-merge-undefined-objects-reactivity.
[2024-10-17T02:49:25.547Z] Test passed after 1 failed attempt on fix/type-use-select-param.
[2024-10-17T03:54:52.097Z] Test passed after 1 failed attempt on trunk.
[2024-10-17T09:21:39.639Z] Test passed after 1 failed attempt on color-palette/background-overflow.
[2024-10-17T10:05:08.544Z] Test passed after 1 failed attempt on update/scripts-check-licenses-extract-logic.
[2024-10-17T11:03:07.657Z] Test passed after 1 failed attempt on fix/tabs-rtl.
[2024-10-17T13:37:13.444Z] Test passed after 1 failed attempt on update/shuffle-patterns-to-update-design.
[2024-10-17T14:12:42.310Z] Test passed after 1 failed attempt on refactor/tablist-styled.
[2024-10-17T14:17:52.797Z] Test passed after 2 failed attempts on fix/tabs-tablist-tabindex.
[2024-10-17T14:41:59.550Z] Test passed after 1 failed attempt on storybook-nav-utilities.

[2024-10-17T15:46:30.294Z] Test passed after 1 failed attempt on trunk.

Error: expect(received).toBeGreaterThan(expected)

Expected: > 60
Received:   -2416.2985
    at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/zoom-out.spec.js:44:37

[MaggieCabrera]

@talldan it didn't make it long...

EDIT: I'm thinking, let's not check for the specific transform values, just make sure that the width and height of the canvas are smaller than the iframe. I'm not sure if that's enough to stabilize it

[talldan]

I don't think it's the transform one that's failing, this is the error I'm seeing:

  1) [chromium] › site-editor/zoom-out.spec.js:20:2 › Zoom Out › Entering zoomed out mode zooms the canvas 
    Error: expect(received).toBeGreaterThan(expected)

    Expected: > 60
    Received:   -2417.2985

      42 | 			return parseFloat( paddingValue );
      43 | 		} );
    > 44 | 		expect( htmlRect.y + paddingTop ).toBeGreaterThan( iframeRect.y );
         | 		                                  ^
      45 | 		expect( htmlRect.x ).toBeGreaterThan( iframeRect.x );
      46 | 	} );
      47 | } );

        at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/site-editor/zoom-out.spec.js:44:37

I wonder how it ended up with -2417.2985!

[talldan]

Ah, here's an image of the test failure - maybe it's related to the scroll position of the canvas being at the bottom: