diff --git a/tests/assets/input/background-fixed.html b/tests/assets/input/background-fixed.html
new file mode 100644
index 0000000000..5093939a5b
--- /dev/null
+++ b/tests/assets/input/background-fixed.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+ tall
+
+
diff --git a/tests/assets/input/scrollable-accelerated.html b/tests/assets/input/scrollable-accelerated.html
deleted file mode 100644
index 5f19d148a9..0000000000
--- a/tests/assets/input/scrollable-accelerated.html
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
-
-
-
- Header
-
-
-
-
-
diff --git a/tests/library/browsercontext-viewport-mobile.spec.ts b/tests/library/browsercontext-viewport-mobile.spec.ts
index 04f65e3952..ba1c18d5b0 100644
--- a/tests/library/browsercontext-viewport-mobile.spec.ts
+++ b/tests/library/browsercontext-viewport-mobile.spec.ts
@@ -188,14 +188,14 @@ it.describe('mobile viewport', () => {
await context.close();
});
- it('should scroll when accelerating compositing needed', {
+ it('should scroll mobile page with background-attachment: fixed', {
annotation: { type: 'issue', description: 'https://github.com/microsoft/playwright/issues/31551' }
}, async ({ playwright, browser, server, browserName, isLinux, headless }) => {
it.fixme(browserName === 'webkit' && isLinux && headless, 'Fails on WPE apparently due to accelerated compositing + fixed layout');
const iPhone = playwright.devices['iPhone 12'];
const context = await browser.newContext({ ...iPhone });
const page = await context.newPage();
- await page.goto(server.PREFIX + '/input/scrollable-accelerated.html');
+ await page.goto(server.PREFIX + '/input/background-fixed.html');
await page.getByRole('button').click();
expect(await page.evaluate(() => window.scrollY)).toBeGreaterThan(1000);
await context.close();