Add MD snapshots for dark mode (#5051)

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

Hide file tree

Showing 61 changed files with 1 addition and 9 deletions.
diff --git a/frontend/test/playwright/utils/breakpoints.ts b/frontend/test/playwright/utils/breakpoints.ts
@@ -91,15 +91,7 @@ const makeBreakpointDescribe =
         options = {}
       ) => {
         const snapshotName = getSnapshotName(name, options.dir)
-        return innerExpectSnapshot(page, snapshotName, screenshotAble, {
-          ...options,
-          useColorMode:
-            snapshotName.includes("-2xl") ||
-            snapshotName.includes("-xl") ||
-            snapshotName.includes("-lg") ||
-            snapshotName.includes("-sm") ||
-            snapshotName.includes("-xs"),
-        })
+        return innerExpectSnapshot(page, snapshotName, screenshotAble, options)
       }
 
       _block({ breakpoint, expectSnapshot })

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