Add XS snapshots for dark mode (#5053)

* Add xs dark snapshots Signed-off-by: Olga Bulat <[email protected]> * Add xs storybook dark snapshots Signed-off-by: Olga Bulat <[email protected]> --------- Signed-off-by: Olga Bulat <[email protected]>
WordPress · Oct 19, 2024 · 5ee9e43 · 5ee9e43
1 parent c0ead60
commit 5ee9e43
Show file tree

Hide file tree

Showing 69 changed files with 2 additions and 1 deletion.
diff --git a/frontend/test/playwright/utils/breakpoints.ts b/frontend/test/playwright/utils/breakpoints.ts
@@ -97,7 +97,8 @@ const makeBreakpointDescribe =
             snapshotName.includes("-2xl") ||
             snapshotName.includes("-xl") ||
             snapshotName.includes("-lg") ||
-            snapshotName.includes("-sm"),
+            snapshotName.includes("-sm") ||
+            snapshotName.includes("-xs"),
         })
       }
 

diff --git a/...omponents/filters.spec.ts-snapshots/filters-modal-checked-ltr-xs-dark-linux.png b/...omponents/filters.spec.ts-snapshots/filters-modal-checked-ltr-xs-dark-linux.png
diff --git a/...omponents/filters.spec.ts-snapshots/filters-modal-checked-rtl-xs-dark-linux.png b/...omponents/filters.spec.ts-snapshots/filters-modal-checked-rtl-xs-dark-linux.png
diff --git a/...ession/components/filters.spec.ts-snapshots/filters-modal-ltr-xs-dark-linux.png b/...ession/components/filters.spec.ts-snapshots/filters-modal-ltr-xs-dark-linux.png
diff --git a/...ession/components/filters.spec.ts-snapshots/filters-modal-rtl-xs-dark-linux.png b/...ession/components/filters.spec.ts-snapshots/filters-modal-rtl-xs-dark-linux.png
diff --git a/...io-player.spec.ts-snapshots/global-audio-player-on-search-ltr-xs-dark-linux.png b/...io-player.spec.ts-snapshots/global-audio-player-on-search-ltr-xs-dark-linux.png
diff --git a/...io-player.spec.ts-snapshots/global-audio-player-on-search-rtl-xs-dark-linux.png b/...io-player.spec.ts-snapshots/global-audio-player-on-search-rtl-xs-dark-linux.png
diff --git a/...gression/components/header.spec.ts-snapshots/filters-open-ltr-xs-dark-linux.png b/...gression/components/header.spec.ts-snapshots/filters-open-ltr-xs-dark-linux.png
diff --git a/...gression/components/header.spec.ts-snapshots/filters-open-rtl-xs-dark-linux.png b/...gression/components/header.spec.ts-snapshots/filters-open-rtl-xs-dark-linux.png
diff --git a/...al-regression/components/header.spec.ts-snapshots/resting-ltr-xs-dark-linux.png b/...al-regression/components/header.spec.ts-snapshots/resting-ltr-xs-dark-linux.png
diff --git a/...al-regression/components/header.spec.ts-snapshots/resting-rtl-xs-dark-linux.png b/...al-regression/components/header.spec.ts-snapshots/resting-rtl-xs-dark-linux.png
diff --git a/...l-regression/components/header.spec.ts-snapshots/scrolled-ltr-xs-dark-linux.png b/...l-regression/components/header.spec.ts-snapshots/scrolled-ltr-xs-dark-linux.png
diff --git a/...l-regression/components/header.spec.ts-snapshots/scrolled-rtl-xs-dark-linux.png b/...l-regression/components/header.spec.ts-snapshots/scrolled-rtl-xs-dark-linux.png
diff --git a/...sion/components/header.spec.ts-snapshots/searchbar-active-ltr-xs-dark-linux.png b/...sion/components/header.spec.ts-snapshots/searchbar-active-ltr-xs-dark-linux.png
diff --git a/...sion/components/header.spec.ts-snapshots/searchbar-active-rtl-xs-dark-linux.png b/...sion/components/header.spec.ts-snapshots/searchbar-active-rtl-xs-dark-linux.png
diff --git a/...ion/components/header.spec.ts-snapshots/searchbar-hovered-ltr-xs-dark-linux.png b/...ion/components/header.spec.ts-snapshots/searchbar-hovered-ltr-xs-dark-linux.png
diff --git a/...ion/components/header.spec.ts-snapshots/searchbar-hovered-rtl-xs-dark-linux.png b/...ion/components/header.spec.ts-snapshots/searchbar-hovered-rtl-xs-dark-linux.png
diff --git a/...on/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-xs-dark-linux.png b/...on/pages/homepage.spec.ts-snapshots/content-switcher-open-ltr-xs-dark-linux.png
diff --git a/...on/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-xs-dark-linux.png b/...on/pages/homepage.spec.ts-snapshots/content-switcher-open-rtl-xs-dark-linux.png
diff --git a/....ts-snapshots/content-switcher-with-external-sources-open-ltr-xs-dark-linux.png b/....ts-snapshots/content-switcher-with-external-sources-open-ltr-xs-dark-linux.png
diff --git a/....ts-snapshots/content-switcher-with-external-sources-open-rtl-xs-dark-linux.png b/....ts-snapshots/content-switcher-with-external-sources-open-rtl-xs-dark-linux.png
diff --git a/...egression/pages/homepage.spec.ts-snapshots/focused-search-ltr-xs-dark-linux.png b/...egression/pages/homepage.spec.ts-snapshots/focused-search-ltr-xs-dark-linux.png
diff --git a/...egression/pages/homepage.spec.ts-snapshots/focused-search-rtl-xs-dark-linux.png b/...egression/pages/homepage.spec.ts-snapshots/focused-search-rtl-xs-dark-linux.png
diff --git a/.../visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-xs-dark-linux.png b/.../visual-regression/pages/homepage.spec.ts-snapshots/index-ltr-xs-dark-linux.png
diff --git a/.../visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-xs-dark-linux.png b/.../visual-regression/pages/homepage.spec.ts-snapshots/index-rtl-xs-dark-linux.png
diff --git a/...ression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-xs-dark-linux.png b/...ression/pages/homepage.spec.ts-snapshots/unfocused-search-ltr-xs-dark-linux.png
diff --git a/...ression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-xs-dark-linux.png b/...ression/pages/homepage.spec.ts-snapshots/unfocused-search-rtl-xs-dark-linux.png
diff --git a/...ts/audio-from-search-results-with-additional-search-views-ltr-xs-dark-linux.png b/...ts/audio-from-search-results-with-additional-search-views-ltr-xs-dark-linux.png
diff --git a/...ts/audio-from-search-results-with-additional-search-views-rtl-xs-dark-linux.png b/...ts/audio-from-search-results-with-additional-search-views-rtl-xs-dark-linux.png
diff --git a/...ts/image-from-search-results-with-additional-search-views-ltr-xs-dark-linux.png b/...ts/image-from-search-results-with-additional-search-views-ltr-xs-dark-linux.png
diff --git a/...ts/image-from-search-results-with-additional-search-views-rtl-xs-dark-linux.png b/...ts/image-from-search-results-with-additional-search-views-rtl-xs-dark-linux.png
diff --git a/...ght/visual-regression/pages/pages.spec.ts-snapshots/about-ltr-xs-dark-linux.png b/...ght/visual-regression/pages/pages.spec.ts-snapshots/about-ltr-xs-dark-linux.png
diff --git a/...ght/visual-regression/pages/pages.spec.ts-snapshots/about-rtl-xs-dark-linux.png b/...ght/visual-regression/pages/pages.spec.ts-snapshots/about-rtl-xs-dark-linux.png
diff --git a/...t/visual-regression/pages/pages.spec.ts-snapshots/privacy-ltr-xs-dark-linux.png b/...t/visual-regression/pages/pages.spec.ts-snapshots/privacy-ltr-xs-dark-linux.png
diff --git a/...t/visual-regression/pages/pages.spec.ts-snapshots/privacy-rtl-xs-dark-linux.png b/...t/visual-regression/pages/pages.spec.ts-snapshots/privacy-rtl-xs-dark-linux.png
diff --git a/...sual-regression/pages/pages.spec.ts-snapshots/search-help-ltr-xs-dark-linux.png b/...sual-regression/pages/pages.spec.ts-snapshots/search-help-ltr-xs-dark-linux.png
diff --git a/...sual-regression/pages/pages.spec.ts-snapshots/search-help-rtl-xs-dark-linux.png b/...sual-regression/pages/pages.spec.ts-snapshots/search-help-rtl-xs-dark-linux.png
diff --git a/...egression/pages/pages.spec.ts-snapshots/sensitive-content-ltr-xs-dark-linux.png b/...egression/pages/pages.spec.ts-snapshots/sensitive-content-ltr-xs-dark-linux.png
diff --git a/...egression/pages/pages.spec.ts-snapshots/sensitive-content-rtl-xs-dark-linux.png b/...egression/pages/pages.spec.ts-snapshots/sensitive-content-rtl-xs-dark-linux.png
diff --git a/...t/visual-regression/pages/pages.spec.ts-snapshots/sources-ltr-xs-dark-linux.png b/...t/visual-regression/pages/pages.spec.ts-snapshots/sources-ltr-xs-dark-linux.png
diff --git a/...t/visual-regression/pages/pages.spec.ts-snapshots/sources-rtl-xs-dark-linux.png b/...t/visual-regression/pages/pages.spec.ts-snapshots/sources-rtl-xs-dark-linux.png
diff --git a/...s/search-with-banners.spec.ts-snapshots/page-with-all-banners-xs-dark-linux.png b/...s/search-with-banners.spec.ts-snapshots/page-with-all-banners-xs-dark-linux.png
diff --git a/.../v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-xs-dark-linux.png b/.../v-collection-header.spec.ts-snapshots/VCollectionHeaders-ltr-xs-dark-linux.png
diff --git a/.../v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-xs-dark-linux.png b/.../v-collection-header.spec.ts-snapshots/VCollectionHeaders-rtl-xs-dark-linux.png
diff --git a/...sual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-xs-dark-linux.png b/...sual-regression/v-footer.spec.ts-snapshots/footer-content-ltr-xs-dark-linux.png
diff --git a/...sual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-xs-dark-linux.png b/...sual-regression/v-footer.spec.ts-snapshots/footer-content-rtl-xs-dark-linux.png
diff --git a/...ual-regression/v-footer.spec.ts-snapshots/footer-internal-ltr-xs-dark-linux.png b/...ual-regression/v-footer.spec.ts-snapshots/footer-internal-ltr-xs-dark-linux.png
diff --git a/...ual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-xs-dark-linux.png b/...ual-regression/v-footer.spec.ts-snapshots/footer-internal-rtl-xs-dark-linux.png
diff --git a/...-internal.spec.ts-snapshots/mobile-header-internal-closed-ltr-xs-dark-linux.png b/...-internal.spec.ts-snapshots/mobile-header-internal-closed-ltr-xs-dark-linux.png
diff --git a/...-internal.spec.ts-snapshots/mobile-header-internal-closed-rtl-xs-dark-linux.png b/...-internal.spec.ts-snapshots/mobile-header-internal-closed-rtl-xs-dark-linux.png
diff --git a/...er-internal.spec.ts-snapshots/mobile-header-internal-open-ltr-xs-dark-linux.png b/...er-internal.spec.ts-snapshots/mobile-header-internal-open-ltr-xs-dark-linux.png
diff --git a/...er-internal.spec.ts-snapshots/mobile-header-internal-open-rtl-xs-dark-linux.png b/...er-internal.spec.ts-snapshots/mobile-header-internal-open-rtl-xs-dark-linux.png
diff --git a/...cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xs-dark-linux.png b/...cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-hovered-xs-dark-linux.png
diff --git a/...v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xs-dark-linux.png b/...v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-focused-xs-dark-linux.png
diff --git a/...v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xs-dark-linux.png b/...v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-hovered-xs-dark-linux.png
diff --git a/.../v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-loaded-xs-dark-linux.png b/.../v-image-cell.spec.ts-snapshots/v-image-cell-intrinsic-loaded-xs-dark-linux.png
diff --git a/...ge-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xs-dark-linux.png b/...ge-cell.spec.ts-snapshots/v-image-cell-square-focused-hovered-xs-dark-linux.png
diff --git a/...on/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xs-dark-linux.png b/...on/v-image-cell.spec.ts-snapshots/v-image-cell-square-focused-xs-dark-linux.png
diff --git a/...on/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xs-dark-linux.png b/...on/v-image-cell.spec.ts-snapshots/v-image-cell-square-hovered-xs-dark-linux.png
diff --git a/...ion/v-image-cell.spec.ts-snapshots/v-image-cell-square-loaded-xs-dark-linux.png b/...ion/v-image-cell.spec.ts-snapshots/v-image-cell-square-loaded-xs-dark-linux.png
diff --git a/...sion/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-xs-dark-linux.png b/...sion/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-ltr-xs-dark-linux.png
diff --git a/...sion/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-xs-dark-linux.png b/...sion/v-media-reuse.spec.ts-snapshots/media-reuse-html-tab-rtl-xs-dark-linux.png
diff --git a/...ion/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-xs-dark-linux.png b/...ion/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-ltr-xs-dark-linux.png
diff --git a/...ion/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-xs-dark-linux.png b/...ion/v-media-reuse.spec.ts-snapshots/media-reuse-plain-tab-rtl-xs-dark-linux.png
diff --git a/...sion/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-xs-dark-linux.png b/...sion/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-ltr-xs-dark-linux.png
diff --git a/...sion/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-xs-dark-linux.png b/...sion/v-media-reuse.spec.ts-snapshots/media-reuse-rich-tab-rtl-xs-dark-linux.png
diff --git a/...ssion/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-xs-dark-linux.png b/...ssion/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-ltr-xs-dark-linux.png
diff --git a/...ssion/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-xs-dark-linux.png b/...ssion/v-media-reuse.spec.ts-snapshots/media-reuse-xml-tab-rtl-xs-dark-linux.png
diff --git a/...gression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-xs-dark-linux.png b/...gression/v-safety-wall.spec.ts-snapshots/v-safetywall-default-xs-dark-linux.png