1) [chromium] › editor/blocks/image.spec.js:62:2 › Image › should place caret on caption when clicking to add one Error: expect.toHaveAttribute: Error: strict mode violation: locator('role=document[name="Block: Image"i]').locator('role=img') resolved to 2 elements: 1) <img alt="This image has an empty alt attribute" src=…/> aka getByRole('img', { name: 'This image has an empty alt attribute' }) 2) <svg width="16" height="16" focusable="false" role="p…>…</svg> aka getByLabel('Block: Image').locator('svg') =========================== logs =========================== expect.toHaveAttribute with timeout 5000ms waiting for locator('role=document[name="Block: Image"i]').locator('role=img') ============================================================ 75 | imageBlock.locator( 'data-testid=form-file-upload-input' ) 76 | ); > 77 | await expect( image ).toHaveAttribute( 'src', new RegExp( filename ) ); | ^ 78 | await editor.clickBlockToolbarButton( 'Add caption' ); 79 | await page.keyboard.type( '1' ); 80 | await page.keyboard.press( 'Enter' ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/image.spec.js:77:25

1) [chromium] › editor/blocks/image.spec.js:62:2 › Image › should place caret on caption when clicking to add one Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect.toHaveAttribute: Error: strict mode violation: locator('role=document[name="Block: Image"i]').locator('role=img') resolved to 2 elements: 1) <img alt="This image has an empty alt attribute" src=…/> aka getByRole('img', { name: 'This image has an empty alt attribute' }) 2) <svg width="16" height="16" focusable="false" role="p…>…</svg> aka getByLabel('Block: Image').locator('svg') =========================== logs =========================== expect.toHaveAttribute with timeout 5000ms waiting for locator('role=document[name="Block: Image"i]').locator('role=img') ============================================================ 75 | imageBlock.locator( 'data-testid=form-file-upload-input' ) 76 | ); > 77 | await expect( image ).toHaveAttribute( 'src', new RegExp( filename ) ); | ^ 78 | await editor.clickBlockToolbarButton( 'Add caption' ); 79 | await page.keyboard.type( '1' ); 80 | await page.keyboard.press( 'Enter' ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/image.spec.js:77:25

1) [chromium] › editor/blocks/image.spec.js:62:2 › Image › should place caret on caption when clicking to add one Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect.toHaveAttribute: Error: strict mode violation: locator('role=document[name="Block: Image"i]').locator('role=img') resolved to 2 elements: 1) <img alt="This image has an empty alt attribute" src=…/> aka getByRole('img', { name: 'This image has an empty alt attribute' }) 2) <svg width="16" height="16" focusable="false" role="p…>…</svg> aka getByLabel('Block: Image').locator('svg') =========================== logs =========================== expect.toHaveAttribute with timeout 5000ms waiting for locator('role=document[name="Block: Image"i]').locator('role=img') ============================================================ 75 | imageBlock.locator( 'data-testid=form-file-upload-input' ) 76 | ); > 77 | await expect( image ).toHaveAttribute( 'src', new RegExp( filename ) ); | ^ 78 | await editor.clickBlockToolbarButton( 'Add caption' ); 79 | await page.keyboard.type( '1' ); 80 | await page.keyboard.press( 'Enter' ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/image.spec.js:77:25

2) [chromium] › editor/blocks/image.spec.js:175:2 › Image › should drag and drop files into media placeholder Error: expect.toHaveAttribute: Error: strict mode violation: locator('role=document[name="Block: Image"i]').locator('role=img') resolved to 2 elements: 1) <img src="blob:http://localhost:8889/dd5313e8-adb7-4f…/> aka getByRole('img', { name: 'This image has an empty alt attribute; its file name is dd5313e8-adb7-4fb1-bae6-f0e2cfe469d2' }) 2) <svg width="16" height="16" focusable="false" role="p…>…</svg> aka getByRole('img').nth(1) =========================== logs =========================== expect.toHaveAttribute with timeout 5000ms waiting for locator('role=document[name="Block: Image"i]').locator('role=img') ============================================================ 212 | ); 213 | > 214 | await expect( image ).toHaveAttribute( 'src', new RegExp( fileName ) ); | ^ 215 | } ); 216 | 217 | test( 'allows zooming using the crop tools', async ( { at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/image.spec.js:214:25

2) [chromium] › editor/blocks/image.spec.js:175:2 › Image › should drag and drop files into media placeholder Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect.toHaveAttribute: Error: strict mode violation: locator('role=document[name="Block: Image"i]').locator('role=img') resolved to 2 elements: 1) <img src="blob:http://localhost:8889/e83e8edb-0f44-48…/> aka getByRole('img', { name: 'This image has an empty alt attribute; its file name is e83e8edb-0f44-48de-a279-8ff03e02d723' }) 2) <svg width="16" height="16" focusable="false" role="p…>…</svg> aka getByRole('img').nth(1) =========================== logs =========================== expect.toHaveAttribute with timeout 5000ms waiting for locator('role=document[name="Block: Image"i]').locator('role=img') ============================================================ 212 | ); 213 | > 214 | await expect( image ).toHaveAttribute( 'src', new RegExp( fileName ) ); | ^ 215 | } ); 216 | 217 | test( 'allows zooming using the crop tools', async ( { at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/image.spec.js:214:25

2) [chromium] › editor/blocks/image.spec.js:175:2 › Image › should drag and drop files into media placeholder Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect.toHaveAttribute: Error: strict mode violation: locator('role=document[name="Block: Image"i]').locator('role=img') resolved to 2 elements: 1) <img src="blob:http://localhost:8889/c62812f9-75ec-43…/> aka getByRole('img', { name: 'This image has an empty alt attribute; its file name is c62812f9-75ec-438a-9b07-8e424fc6dfe0' }) 2) <svg width="16" height="16" focusable="false" role="p…>…</svg> aka getByRole('img').nth(1) =========================== logs =========================== expect.toHaveAttribute with timeout 5000ms waiting for locator('role=document[name="Block: Image"i]').locator('role=img') ============================================================ 212 | ); 213 | > 214 | await expect( image ).toHaveAttribute( 'src', new RegExp( fileName ) ); | ^ 215 | } ); 216 | 217 | test( 'allows zooming using the crop tools', async ( { at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/image.spec.js:214:25

3) [chromium] › editor/blocks/image.spec.js:217:2 › Image › allows zooming using the crop tools ── Error: expect.toHaveAttribute: Error: strict mode violation: locator('role=document[name="Block: Image"i]').locator('role=img') resolved to 2 elements: 1) <img alt="This image has an empty alt attribute" src=…/> aka getByRole('img', { name: 'This image has an empty alt attribute' }) 2) <svg width="16" height="16" focusable="false" role="p…>…</svg> aka getByLabel('Block: Image').locator('svg') =========================== logs =========================== expect.toHaveAttribute with timeout 5000ms waiting for locator('role=document[name="Block: Image"i]').locator('role=img') ============================================================ 233 | ); 234 | > 235 | await expect( image ).toHaveAttribute( 'src', new RegExp( filename ) ); | ^ 236 | 237 | // Assert that the image is initially unscaled and unedited. 238 | const initialImageSrc = await image.getAttribute( 'src' ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/image.spec.js:235:25

3) [chromium] › editor/blocks/image.spec.js:217:2 › Image › allows zooming using the crop tools ── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect.toHaveAttribute: Error: strict mode violation: locator('role=document[name="Block: Image"i]').locator('role=img') resolved to 2 elements: 1) <img src="blob:http://localhost:8889/c984d660-5d3d-48…/> aka getByRole('img', { name: 'This image has an empty alt attribute; its file name is 4d1880e3-9b43-4394-9636-162798ed0148.png' }) 2) <svg width="16" height="16" focusable="false" role="p…>…</svg> aka getByLabel('Block: Image').locator('svg') =========================== logs =========================== expect.toHaveAttribute with timeout 5000ms waiting for locator('role=document[name="Block: Image"i]').locator('role=img') ============================================================ 233 | ); 234 | > 235 | await expect( image ).toHaveAttribute( 'src', new RegExp( filename ) ); | ^ 236 | 237 | // Assert that the image is initially unscaled and unedited. 238 | const initialImageSrc = await image.getAttribute( 'src' ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/image.spec.js:235:25

3) [chromium] › editor/blocks/image.spec.js:217:2 › Image › allows zooming using the crop tools ── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect.toHaveAttribute: Error: strict mode violation: locator('role=document[name="Block: Image"i]').locator('role=img') resolved to 2 elements: 1) <img alt="This image has an empty alt attribute" src=…/> aka getByRole('img', { name: 'This image has an empty alt attribute' }) 2) <svg width="16" height="16" focusable="false" role="p…>…</svg> aka getByLabel('Block: Image').locator('svg') =========================== logs =========================== expect.toHaveAttribute with timeout 5000ms waiting for locator('role=document[name="Block: Image"i]').locator('role=img') ============================================================ 233 | ); 234 | > 235 | await expect( image ).toHaveAttribute( 'src', new RegExp( filename ) ); | ^ 236 | 237 | // Assert that the image is initially unscaled and unedited. 238 | const initialImageSrc = await image.getAttribute( 'src' ); at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/image.spec.js:235:25

4) [chromium] › editor/blocks/image.spec.js:565:2 › Image › image inserted via upload should appear in the frontend published post content Error: expect.toBeVisible: Error: strict mode violation: locator('role=document[name="Block: Image"i]').locator('role=img') resolved to 2 elements: 1) <img alt="This image has an empty alt attribute" src=…/> aka getByRole('img', { name: 'This image has an empty alt attribute' }) 2) <svg width="16" height="16" focusable="false" role="p…>…</svg> aka getByLabel('Block: Image').locator('svg') =========================== logs =========================== expect.toBeVisible with timeout 5000ms waiting for locator('role=document[name="Block: Image"i]').locator('role=img') ============================================================ 579 | 580 | const imageInEditor = imageBlock.locator( 'role=img' ); > 581 | await expect( imageInEditor ).toBeVisible(); | ^ 582 | await expect( imageInEditor ).toHaveAttribute( 583 | 'src', 584 | new RegExp( filename ) at /home/runner/work/gutenberg/gutenberg/test/e2e/specs/editor/blocks/image.spec.js:581:33

2 skipped 201 passed (12.2m)

8 failed [chromium] › editor/blocks/image.spec.js:62:2 › Image › should place caret on caption when clicking to add one [chromium] › editor/blocks/image.spec.js:175:2 › Image › should drag and drop files into media placeholder [chromium] › editor/blocks/image.spec.js:217:2 › Image › allows zooming using the crop tools ─── [chromium] › editor/blocks/image.spec.js:565:2 › Image › image inserted via upload should appear in the frontend published post content [chromium] › editor/blocks/image.spec.js:806:4 › Image - interactivity › tests using uploaded image › should open and close the image in a lightbox when using a mouse and dynamically load src › zoom animation [chromium] › editor/blocks/image.spec.js:930:4 › Image - interactivity › tests using uploaded image › should open and close the image in a lightbox when using a mouse and dynamically load src › fade animation [chromium] › editor/blocks/image.spec.js:1268:4 › Image - interactivity › tests using uploaded image › keyboard navigation › should close and focus appropriately using enter key on close button [chromium] › editor/blocks/image.spec.js:1281:4 › Image - interactivity › tests using uploaded image › keyboard navigation › should close and focus appropriately using escape key 7 flaky [chromium] › editor/blocks/image.spec.js:35:2 › Image › can be inserted via image upload ─────── [chromium] › editor/blocks/image.spec.js:121:2 › Image › should have keyboard navigable toolbar for caption [chromium] › editor/blocks/image.spec.js:284:2 › Image › allows changing aspect ratio using the crop tools [chromium] › editor/blocks/image.spec.js:341:2 › Image › allows rotating using the crop tools ── [chromium] › editor/blocks/image.spec.js:378:2 › Image › should undo without broken temporary state [chromium] › editor/blocks/image.spec.js:752:3 › Image - interactivity › tests using uploaded image › should toggle "lightbox" in saved attributes [chromium] › editor/blocks/image.spec.js:1258:4 › Image - interactivity › tests using uploaded image › keyboard navigation › should open and focus appropriately using enter key 190 passed (15.4m)

205 passed (15.0m)