[BUG] Locator for 'role=img' sees SVGs with 'role=presentation' as images #26809

const { chromium, test, expect } = require( '@playwright/test' );

test( 'image locator', async () => {
	const browser = await chromium.launch();
	const context = await browser.newContext();
	const page = await context.newPage();

	await page.setContent( `
	<div data-testid="images">
		<img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." />
		<svg class="components-spinner aecf-ce-a-fe-acea-1yxc2ud ea4tfvq2" viewBox="0 0 100 100" width="16" height="16" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false"><circle cx="50" cy="50" r="50" vector-effect="non-scaling-stroke" class="aecf-ce-a-fe-acea-5zbsse ea4tfvq1"></circle><path d="m 50 0 a 50 50 0 0 1 50 50" vector-effect="non-scaling-stroke" class="aecf-ce-a-fe-acea-1r60s1s ea4tfvq0"></path></svg>
	</div>
` );

	const image = page.getByTestId( 'images' ).getByRole( 'img' );

	await expect( image ).toHaveAttribute( 'alt', 'Code is Poetry.' );
} );