Scroll header by focusing on Load more button

WordPress · Apr 21, 2022 · 5ff1adb · 5ff1adb
1 parent 6f83b78
commit 5ff1adb
Show file tree

Hide file tree

Showing 61 changed files with 2 additions and 1 deletion.
diff --git a/...-regression/header-searchbar.spec.ts-snapshots/focused-search-ltr-2xl-linux.png b/...-regression/header-searchbar.spec.ts-snapshots/focused-search-ltr-2xl-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-ltr-lg-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-ltr-lg-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-ltr-md-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-ltr-md-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-ltr-sm-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-ltr-sm-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-ltr-xl-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-ltr-xl-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-ltr-xs-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-ltr-xs-linux.png
diff --git a/...-regression/header-searchbar.spec.ts-snapshots/focused-search-rtl-2xl-linux.png b/...-regression/header-searchbar.spec.ts-snapshots/focused-search-rtl-2xl-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-rtl-lg-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-rtl-lg-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-rtl-md-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-rtl-md-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-rtl-sm-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-rtl-sm-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-rtl-xl-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-rtl-xl-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-rtl-xs-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/focused-search-rtl-xs-linux.png
diff --git a/...-regression/header-searchbar.spec.ts-snapshots/hovered-search-ltr-2xl-linux.png b/...-regression/header-searchbar.spec.ts-snapshots/hovered-search-ltr-2xl-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-ltr-lg-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-ltr-lg-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-ltr-md-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-ltr-md-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-ltr-sm-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-ltr-sm-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-ltr-xl-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-ltr-xl-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-ltr-xs-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-ltr-xs-linux.png
diff --git a/...-regression/header-searchbar.spec.ts-snapshots/hovered-search-rtl-2xl-linux.png b/...-regression/header-searchbar.spec.ts-snapshots/hovered-search-rtl-2xl-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-rtl-lg-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-rtl-lg-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-rtl-md-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-rtl-md-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-rtl-sm-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-rtl-sm-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-rtl-xl-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-rtl-xl-linux.png
diff --git a/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-rtl-xs-linux.png b/...l-regression/header-searchbar.spec.ts-snapshots/hovered-search-rtl-xs-linux.png
diff --git a/...egression/header-searchbar.spec.ts-snapshots/unfocused-search-ltr-2xl-linux.png b/...egression/header-searchbar.spec.ts-snapshots/unfocused-search-ltr-2xl-linux.png
diff --git a/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-ltr-lg-linux.png b/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-ltr-lg-linux.png
diff --git a/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-ltr-md-linux.png b/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-ltr-md-linux.png
diff --git a/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-ltr-sm-linux.png b/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-ltr-sm-linux.png
diff --git a/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-ltr-xl-linux.png b/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-ltr-xl-linux.png
diff --git a/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-ltr-xs-linux.png b/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-ltr-xs-linux.png
diff --git a/...egression/header-searchbar.spec.ts-snapshots/unfocused-search-rtl-2xl-linux.png b/...egression/header-searchbar.spec.ts-snapshots/unfocused-search-rtl-2xl-linux.png
diff --git a/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-rtl-lg-linux.png b/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-rtl-lg-linux.png
diff --git a/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-rtl-md-linux.png b/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-rtl-md-linux.png
diff --git a/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-rtl-sm-linux.png b/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-rtl-sm-linux.png
diff --git a/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-rtl-xl-linux.png b/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-rtl-xl-linux.png
diff --git a/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-rtl-xs-linux.png b/...regression/header-searchbar.spec.ts-snapshots/unfocused-search-rtl-xs-linux.png
diff --git a/test/playwright/visual-regression/header.spec.ts b/test/playwright/visual-regression/header.spec.ts
@@ -18,7 +18,7 @@ test.describe('header snapshots', () => {
         })
 
         test('scrolled', async ({ page }) => {
-          await page.mouse.wheel(10, 0)
+          await page.locator('has-text:"Load more"').focus()
           await expectSnapshot('scrolled-ltr', page.locator(headerSelector))
         })
 
@@ -46,6 +46,7 @@ test.describe('header snapshots', () => {
         })
 
         test('scrolled', async ({ page }) => {
+          await page.locator('has-text:"Load more"').focus()
           await page.mouse.wheel(10, 0)
           await expectSnapshot('scrolled-rtl', page.locator(headerSelector))
         })

diff --git a/...laywright/visual-regression/header.spec.ts-snapshots/resting-ltr-2xl-actual.png b/...laywright/visual-regression/header.spec.ts-snapshots/resting-ltr-2xl-actual.png
diff --git a/...playwright/visual-regression/header.spec.ts-snapshots/resting-ltr-lg-actual.png b/...playwright/visual-regression/header.spec.ts-snapshots/resting-ltr-lg-actual.png
diff --git a/...playwright/visual-regression/header.spec.ts-snapshots/resting-ltr-md-actual.png b/...playwright/visual-regression/header.spec.ts-snapshots/resting-ltr-md-actual.png
diff --git a/...playwright/visual-regression/header.spec.ts-snapshots/resting-ltr-xl-actual.png b/...playwright/visual-regression/header.spec.ts-snapshots/resting-ltr-xl-actual.png
diff --git a/...laywright/visual-regression/header.spec.ts-snapshots/resting-rtl-2xl-actual.png b/...laywright/visual-regression/header.spec.ts-snapshots/resting-rtl-2xl-actual.png
diff --git a/...playwright/visual-regression/header.spec.ts-snapshots/resting-rtl-lg-actual.png b/...playwright/visual-regression/header.spec.ts-snapshots/resting-rtl-lg-actual.png
diff --git a/...playwright/visual-regression/header.spec.ts-snapshots/resting-rtl-md-actual.png b/...playwright/visual-regression/header.spec.ts-snapshots/resting-rtl-md-actual.png
diff --git a/...playwright/visual-regression/header.spec.ts-snapshots/resting-rtl-xl-actual.png b/...playwright/visual-regression/header.spec.ts-snapshots/resting-rtl-xl-actual.png
diff --git a/...aywright/visual-regression/header.spec.ts-snapshots/scrolled-ltr-2xl-actual.png b/...aywright/visual-regression/header.spec.ts-snapshots/scrolled-ltr-2xl-actual.png
diff --git a/...laywright/visual-regression/header.spec.ts-snapshots/scrolled-ltr-lg-actual.png b/...laywright/visual-regression/header.spec.ts-snapshots/scrolled-ltr-lg-actual.png
diff --git a/...laywright/visual-regression/header.spec.ts-snapshots/scrolled-ltr-md-actual.png b/...laywright/visual-regression/header.spec.ts-snapshots/scrolled-ltr-md-actual.png
diff --git a/...laywright/visual-regression/header.spec.ts-snapshots/scrolled-ltr-xl-actual.png b/...laywright/visual-regression/header.spec.ts-snapshots/scrolled-ltr-xl-actual.png
diff --git a/...aywright/visual-regression/header.spec.ts-snapshots/scrolled-rtl-2xl-actual.png b/...aywright/visual-regression/header.spec.ts-snapshots/scrolled-rtl-2xl-actual.png
diff --git a/...laywright/visual-regression/header.spec.ts-snapshots/scrolled-rtl-lg-actual.png b/...laywright/visual-regression/header.spec.ts-snapshots/scrolled-rtl-lg-actual.png
diff --git a/...laywright/visual-regression/header.spec.ts-snapshots/scrolled-rtl-md-actual.png b/...laywright/visual-regression/header.spec.ts-snapshots/scrolled-rtl-md-actual.png
diff --git a/...laywright/visual-regression/header.spec.ts-snapshots/scrolled-rtl-xl-actual.png b/...laywright/visual-regression/header.spec.ts-snapshots/scrolled-rtl-xl-actual.png
diff --git a/...visual-regression/header.spec.ts-snapshots/searchbar-hovered-ltr-2xl-actual.png b/...visual-regression/header.spec.ts-snapshots/searchbar-hovered-ltr-2xl-actual.png
diff --git a/.../visual-regression/header.spec.ts-snapshots/searchbar-hovered-ltr-lg-actual.png b/.../visual-regression/header.spec.ts-snapshots/searchbar-hovered-ltr-lg-actual.png
diff --git a/.../visual-regression/header.spec.ts-snapshots/searchbar-hovered-ltr-md-actual.png b/.../visual-regression/header.spec.ts-snapshots/searchbar-hovered-ltr-md-actual.png
diff --git a/.../visual-regression/header.spec.ts-snapshots/searchbar-hovered-ltr-xl-actual.png b/.../visual-regression/header.spec.ts-snapshots/searchbar-hovered-ltr-xl-actual.png
diff --git a/...visual-regression/header.spec.ts-snapshots/searchbar-hovered-rtl-2xl-actual.png b/...visual-regression/header.spec.ts-snapshots/searchbar-hovered-rtl-2xl-actual.png
diff --git a/.../visual-regression/header.spec.ts-snapshots/searchbar-hovered-rtl-lg-actual.png b/.../visual-regression/header.spec.ts-snapshots/searchbar-hovered-rtl-lg-actual.png
diff --git a/.../visual-regression/header.spec.ts-snapshots/searchbar-hovered-rtl-md-actual.png b/.../visual-regression/header.spec.ts-snapshots/searchbar-hovered-rtl-md-actual.png
diff --git a/.../visual-regression/header.spec.ts-snapshots/searchbar-hovered-rtl-xl-actual.png b/.../visual-regression/header.spec.ts-snapshots/searchbar-hovered-rtl-xl-actual.png