From 330a1234c1f2d0c59358dd5538efac3d35f7c0b0 Mon Sep 17 00:00:00 2001
From: Dan Cormier <dcormier@stackoverflow.com>
Date: Wed, 25 Oct 2023 18:25:52 -0400
Subject: [PATCH] test(modal): add a11y; visual tests (#1531)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* test(modal): add a11y; visual tests

* Set reduceMotion on playwrightLaunchers

* Update modal baseline images

* Update non-modal baseline images 🤷‍♂️

* Revert "Update non-modal baseline images 🤷‍♂️"

This reverts commit cad9ff2cdd459f21ada98b4e200457c998926959.

* Update baseline modal images
---
 lib/components/modal/modal.a11y.test.ts       | 42 +++++++++++++++++++
 lib/components/modal/modal.less               | 12 ++++--
 lib/components/modal/modal.visual.test.ts     | 42 +++++++++++++++++++
 .../s-modal-dark-celebration-full.png         |  3 ++
 .../baseline/s-modal-dark-celebration.png     |  3 ++
 .../s-modal-dark-danger-celebration-full.png  |  3 ++
 .../s-modal-dark-danger-celebration.png       |  3 ++
 .../baseline/s-modal-dark-danger-full.png     |  3 ++
 .../Chromium/baseline/s-modal-dark-danger.png |  3 ++
 .../Chromium/baseline/s-modal-dark-full.png   |  3 ++
 .../Chromium/baseline/s-modal-dark.png        |  3 ++
 ...dal-highcontrast-dark-celebration-full.png |  3 ++
 .../s-modal-highcontrast-dark-celebration.png |  3 ++
 ...hcontrast-dark-danger-celebration-full.png |  3 ++
 ...l-highcontrast-dark-danger-celebration.png |  3 ++
 .../s-modal-highcontrast-dark-danger-full.png |  3 ++
 .../s-modal-highcontrast-dark-danger.png      |  3 ++
 .../s-modal-highcontrast-dark-full.png        |  3 ++
 .../baseline/s-modal-highcontrast-dark.png    |  3 ++
 ...al-highcontrast-light-celebration-full.png |  3 ++
 ...s-modal-highcontrast-light-celebration.png |  3 ++
 ...contrast-light-danger-celebration-full.png |  3 ++
 ...-highcontrast-light-danger-celebration.png |  3 ++
 ...s-modal-highcontrast-light-danger-full.png |  3 ++
 .../s-modal-highcontrast-light-danger.png     |  3 ++
 .../s-modal-highcontrast-light-full.png       |  3 ++
 .../baseline/s-modal-highcontrast-light.png   |  3 ++
 .../s-modal-light-celebration-full.png        |  3 ++
 .../baseline/s-modal-light-celebration.png    |  3 ++
 .../s-modal-light-danger-celebration-full.png |  3 ++
 .../s-modal-light-danger-celebration.png      |  3 ++
 .../baseline/s-modal-light-danger-full.png    |  3 ++
 .../baseline/s-modal-light-danger.png         |  3 ++
 .../Chromium/baseline/s-modal-light-full.png  |  3 ++
 .../Chromium/baseline/s-modal-light.png       |  3 ++
 .../s-modal-dark-celebration-full.png         |  3 ++
 .../baseline/s-modal-dark-celebration.png     |  3 ++
 .../s-modal-dark-danger-celebration-full.png  |  3 ++
 .../s-modal-dark-danger-celebration.png       |  3 ++
 .../baseline/s-modal-dark-danger-full.png     |  3 ++
 .../Firefox/baseline/s-modal-dark-danger.png  |  3 ++
 .../Firefox/baseline/s-modal-dark-full.png    |  3 ++
 screenshots/Firefox/baseline/s-modal-dark.png |  3 ++
 ...dal-highcontrast-dark-celebration-full.png |  3 ++
 .../s-modal-highcontrast-dark-celebration.png |  3 ++
 ...hcontrast-dark-danger-celebration-full.png |  3 ++
 ...l-highcontrast-dark-danger-celebration.png |  3 ++
 .../s-modal-highcontrast-dark-danger-full.png |  3 ++
 .../s-modal-highcontrast-dark-danger.png      |  3 ++
 .../s-modal-highcontrast-dark-full.png        |  3 ++
 .../baseline/s-modal-highcontrast-dark.png    |  3 ++
 ...al-highcontrast-light-celebration-full.png |  3 ++
 ...s-modal-highcontrast-light-celebration.png |  3 ++
 ...contrast-light-danger-celebration-full.png |  3 ++
 ...-highcontrast-light-danger-celebration.png |  3 ++
 ...s-modal-highcontrast-light-danger-full.png |  3 ++
 .../s-modal-highcontrast-light-danger.png     |  3 ++
 .../s-modal-highcontrast-light-full.png       |  3 ++
 .../baseline/s-modal-highcontrast-light.png   |  3 ++
 .../s-modal-light-celebration-full.png        |  3 ++
 .../baseline/s-modal-light-celebration.png    |  3 ++
 .../s-modal-light-danger-celebration-full.png |  3 ++
 .../s-modal-light-danger-celebration.png      |  3 ++
 .../baseline/s-modal-light-danger-full.png    |  3 ++
 .../Firefox/baseline/s-modal-light-danger.png |  3 ++
 .../Firefox/baseline/s-modal-light-full.png   |  3 ++
 .../Firefox/baseline/s-modal-light.png        |  3 ++
 .../s-modal-dark-celebration-full.png         |  3 ++
 .../baseline/s-modal-dark-celebration.png     |  3 ++
 .../s-modal-dark-danger-celebration-full.png  |  3 ++
 .../s-modal-dark-danger-celebration.png       |  3 ++
 .../baseline/s-modal-dark-danger-full.png     |  3 ++
 .../Webkit/baseline/s-modal-dark-danger.png   |  3 ++
 .../Webkit/baseline/s-modal-dark-full.png     |  3 ++
 screenshots/Webkit/baseline/s-modal-dark.png  |  3 ++
 ...dal-highcontrast-dark-celebration-full.png |  3 ++
 .../s-modal-highcontrast-dark-celebration.png |  3 ++
 ...hcontrast-dark-danger-celebration-full.png |  3 ++
 ...l-highcontrast-dark-danger-celebration.png |  3 ++
 .../s-modal-highcontrast-dark-danger-full.png |  3 ++
 .../s-modal-highcontrast-dark-danger.png      |  3 ++
 .../s-modal-highcontrast-dark-full.png        |  3 ++
 .../baseline/s-modal-highcontrast-dark.png    |  3 ++
 ...al-highcontrast-light-celebration-full.png |  3 ++
 ...s-modal-highcontrast-light-celebration.png |  3 ++
 ...contrast-light-danger-celebration-full.png |  3 ++
 ...-highcontrast-light-danger-celebration.png |  3 ++
 ...s-modal-highcontrast-light-danger-full.png |  3 ++
 .../s-modal-highcontrast-light-danger.png     |  3 ++
 .../s-modal-highcontrast-light-full.png       |  3 ++
 .../baseline/s-modal-highcontrast-light.png   |  3 ++
 .../s-modal-light-celebration-full.png        |  3 ++
 .../baseline/s-modal-light-celebration.png    |  3 ++
 .../s-modal-light-danger-celebration-full.png |  3 ++
 .../s-modal-light-danger-celebration.png      |  3 ++
 .../baseline/s-modal-light-danger-full.png    |  3 ++
 .../Webkit/baseline/s-modal-light-danger.png  |  3 ++
 .../Webkit/baseline/s-modal-light-full.png    |  3 ++
 screenshots/Webkit/baseline/s-modal-light.png |  3 ++
 web-test-runner.config.mjs                    | 17 +++++++-
 100 files changed, 395 insertions(+), 6 deletions(-)
 create mode 100644 lib/components/modal/modal.a11y.test.ts
 create mode 100644 lib/components/modal/modal.visual.test.ts
 create mode 100644 screenshots/Chromium/baseline/s-modal-dark-celebration-full.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-dark-celebration.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-dark-danger-celebration-full.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-dark-danger-celebration.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-dark-danger-full.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-dark-danger.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-dark-full.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-dark.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-highcontrast-dark-celebration-full.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-highcontrast-dark-celebration.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-highcontrast-dark-danger-celebration-full.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-highcontrast-dark-danger-celebration.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-highcontrast-dark-danger-full.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-highcontrast-dark-danger.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-highcontrast-dark-full.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-highcontrast-dark.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-highcontrast-light-celebration-full.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-highcontrast-light-celebration.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-highcontrast-light-danger-celebration-full.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-highcontrast-light-danger-celebration.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-highcontrast-light-danger-full.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-highcontrast-light-danger.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-highcontrast-light-full.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-highcontrast-light.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-light-celebration-full.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-light-celebration.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-light-danger-celebration-full.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-light-danger-celebration.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-light-danger-full.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-light-danger.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-light-full.png
 create mode 100644 screenshots/Chromium/baseline/s-modal-light.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-dark-celebration-full.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-dark-celebration.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-dark-danger-celebration-full.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-dark-danger-celebration.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-dark-danger-full.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-dark-danger.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-dark-full.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-dark.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-highcontrast-dark-celebration-full.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-highcontrast-dark-celebration.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-highcontrast-dark-danger-celebration-full.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-highcontrast-dark-danger-celebration.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-highcontrast-dark-danger-full.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-highcontrast-dark-danger.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-highcontrast-dark-full.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-highcontrast-dark.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-highcontrast-light-celebration-full.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-highcontrast-light-celebration.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-highcontrast-light-danger-celebration-full.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-highcontrast-light-danger-celebration.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-highcontrast-light-danger-full.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-highcontrast-light-danger.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-highcontrast-light-full.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-highcontrast-light.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-light-celebration-full.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-light-celebration.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-light-danger-celebration-full.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-light-danger-celebration.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-light-danger-full.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-light-danger.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-light-full.png
 create mode 100644 screenshots/Firefox/baseline/s-modal-light.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-dark-celebration-full.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-dark-celebration.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-dark-danger-celebration-full.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-dark-danger-celebration.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-dark-danger-full.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-dark-danger.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-dark-full.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-dark.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-highcontrast-dark-celebration-full.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-highcontrast-dark-celebration.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-highcontrast-dark-danger-celebration-full.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-highcontrast-dark-danger-celebration.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-highcontrast-dark-danger-full.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-highcontrast-dark-danger.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-highcontrast-dark-full.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-highcontrast-dark.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-highcontrast-light-celebration-full.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-highcontrast-light-celebration.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-highcontrast-light-danger-celebration-full.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-highcontrast-light-danger-celebration.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-highcontrast-light-danger-full.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-highcontrast-light-danger.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-highcontrast-light-full.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-highcontrast-light.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-light-celebration-full.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-light-celebration.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-light-danger-celebration-full.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-light-danger-celebration.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-light-danger-full.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-light-danger.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-light-full.png
 create mode 100644 screenshots/Webkit/baseline/s-modal-light.png

diff --git a/lib/components/modal/modal.a11y.test.ts b/lib/components/modal/modal.a11y.test.ts
new file mode 100644
index 0000000000..d1f915ea1a
--- /dev/null
+++ b/lib/components/modal/modal.a11y.test.ts
@@ -0,0 +1,42 @@
+import { html } from "@open-wc/testing";
+import { runComponentTests } from "../../test/test-utils";
+import { IconClearSm } from "@stackoverflow/stacks-icons/icons";
+import "../../index";
+
+describe("modal", () => {
+    runComponentTests({
+        type: "a11y",
+        baseClass: `s-modal`,
+        variants: ["danger"],
+        modifiers: {
+            primary: ["celebration"],
+            secondary: ["full"],
+        },
+        children: {
+            default: `
+                <div class="s-modal--dialog" role="document">
+                    <h1 class="s-modal--header" id="modal-title">Modal header</h1>
+                    <p class="s-modal--body" id="modal-description">Modal body. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
+                    <div class="d-flex gx8 s-modal--footer">
+                        <button class="s-btn s-btn__filled" type="button">Confirm</button>
+                        <button class="s-btn s-btn__muted" type="button">Cancel</button>
+                    </div>
+                    <button class="s-modal--close s-btn s-btn__muted" type="button" aria-label="Close">
+                        ${IconClearSm}
+                    </button>
+                </div>
+            `,
+        },
+        tag: "aside",
+        attributes: {
+            "id": "example-modal",
+            "tabindex": "-1",
+            "aria-hidden": "false",
+            "aria-labelledby": "modal-title",
+            "class": "ps-relative p32",
+        },
+        template: ({ component, testid }) => html`
+            <div class="m8 ws6" data-testid="${testid}">${component}</div>
+        `,
+    });
+});
diff --git a/lib/components/modal/modal.less b/lib/components/modal/modal.less
index 5def5c983e..aa4b161571 100644
--- a/lib/components/modal/modal.less
+++ b/lib/components/modal/modal.less
@@ -9,6 +9,14 @@
     --_mo-header-fc: var(--fc-dark);
 
     // CONTEXTUAL STYLES
+    .dark-mode({
+        --_mo-dialog-bg: var(--black-225);
+    });
+
+    .highcontrast-dark-mode({
+        --_mo-dialog-bg: var(--black-200);
+    });
+
     &[aria-hidden="false"] {
         &,
         .s-modal--dialog {
@@ -60,10 +68,6 @@
     }
 
     & &--dialog {
-        .dark-mode({
-            --_mo-dialog-bg: var(--black-225);
-        });
-
         padding: var(--_mo-dialog-pt) var(--su24) var(--su24);
 
         @scrollbar-styles();
diff --git a/lib/components/modal/modal.visual.test.ts b/lib/components/modal/modal.visual.test.ts
new file mode 100644
index 0000000000..b68b90a5df
--- /dev/null
+++ b/lib/components/modal/modal.visual.test.ts
@@ -0,0 +1,42 @@
+import { html } from "@open-wc/testing";
+import { runComponentTests } from "../../test/test-utils";
+import { IconClearSm } from "@stackoverflow/stacks-icons/icons";
+import "../../index";
+
+describe("modal", () => {
+    runComponentTests({
+        type: "visual",
+        baseClass: `s-modal`,
+        variants: ["danger"],
+        modifiers: {
+            primary: ["celebration"],
+            secondary: ["full"],
+        },
+        children: {
+            default: `
+                <div class="s-modal--dialog" role="document">
+                    <h1 class="s-modal--header" id="modal-title">Modal header</h1>
+                    <p class="s-modal--body" id="modal-description">Modal body. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
+                    <div class="d-flex gx8 s-modal--footer">
+                        <button class="s-btn s-btn__filled" type="button">Confirm</button>
+                        <button class="s-btn s-btn__muted" type="button">Cancel</button>
+                    </div>
+                    <button class="s-modal--close s-btn s-btn__muted" type="button" aria-label="Close">
+                        ${IconClearSm}
+                    </button>
+                </div>
+            `,
+        },
+        tag: "aside",
+        attributes: {
+            "id": "example-modal",
+            "tabindex": "-1",
+            "aria-hidden": "false",
+            "aria-labelledby": "modal-title",
+            "class": "ps-relative p32",
+        },
+        template: ({ component, testid }) => html`
+            <div class="m8 ws6" data-testid="${testid}">${component}</div>
+        `,
+    });
+});
diff --git a/screenshots/Chromium/baseline/s-modal-dark-celebration-full.png b/screenshots/Chromium/baseline/s-modal-dark-celebration-full.png
new file mode 100644
index 0000000000..cd2d2e8764
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-dark-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4dcd79376424dc3b917ae058b9ad8e6dc58bca820d917e8bbb661f853948d3f4
+size 23608
diff --git a/screenshots/Chromium/baseline/s-modal-dark-celebration.png b/screenshots/Chromium/baseline/s-modal-dark-celebration.png
new file mode 100644
index 0000000000..c31443acab
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-dark-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:45a909fe5ef92f330c36f09f84ad7b40cdf3aa7a9b4218ea6058000a47c87d7d
+size 23220
diff --git a/screenshots/Chromium/baseline/s-modal-dark-danger-celebration-full.png b/screenshots/Chromium/baseline/s-modal-dark-danger-celebration-full.png
new file mode 100644
index 0000000000..611303dc16
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-dark-danger-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2b6b5560d0e80b6ba9d088cfaf78d4c8ad18a0624b334500d57c2addf388ce11
+size 23542
diff --git a/screenshots/Chromium/baseline/s-modal-dark-danger-celebration.png b/screenshots/Chromium/baseline/s-modal-dark-danger-celebration.png
new file mode 100644
index 0000000000..2daf158629
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-dark-danger-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:75a9c702507fe9095351a37beec0d0c84c8b407edffe0b704b802fb99f1578b6
+size 23135
diff --git a/screenshots/Chromium/baseline/s-modal-dark-danger-full.png b/screenshots/Chromium/baseline/s-modal-dark-danger-full.png
new file mode 100644
index 0000000000..707dc9a388
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-dark-danger-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ec5d9877555e849633ef37a8a8f39d6f108f99d534581310d364729709053f43
+size 19641
diff --git a/screenshots/Chromium/baseline/s-modal-dark-danger.png b/screenshots/Chromium/baseline/s-modal-dark-danger.png
new file mode 100644
index 0000000000..90b3ff03ca
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-dark-danger.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a8d70b93e96a5392c0516e2c03f37ffdddecbd1475628f2f5226062e1de092b0
+size 18815
diff --git a/screenshots/Chromium/baseline/s-modal-dark-full.png b/screenshots/Chromium/baseline/s-modal-dark-full.png
new file mode 100644
index 0000000000..2b7fb66abd
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-dark-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:470b82fba6384ce6a58dc206589ee02578ebb2ffa63c4907be07cd10a6efd67d
+size 19688
diff --git a/screenshots/Chromium/baseline/s-modal-dark.png b/screenshots/Chromium/baseline/s-modal-dark.png
new file mode 100644
index 0000000000..e08795c7af
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0fbf131528b10f1c1f3037edf38fa0f0dff84180b5420eaf24c1a4bf355a8a41
+size 18901
diff --git a/screenshots/Chromium/baseline/s-modal-highcontrast-dark-celebration-full.png b/screenshots/Chromium/baseline/s-modal-highcontrast-dark-celebration-full.png
new file mode 100644
index 0000000000..3d73dbf2f7
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-highcontrast-dark-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c1b2f885efb4691c0e9c0e20bf5370d6769ad6d8b2577b9431703f6c4a340441
+size 23313
diff --git a/screenshots/Chromium/baseline/s-modal-highcontrast-dark-celebration.png b/screenshots/Chromium/baseline/s-modal-highcontrast-dark-celebration.png
new file mode 100644
index 0000000000..ea9c9b28a4
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-highcontrast-dark-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:11b0687a79a1d96f93c8d017a30d4b41116f9aa80e82f6940a63c289df5e189d
+size 22921
diff --git a/screenshots/Chromium/baseline/s-modal-highcontrast-dark-danger-celebration-full.png b/screenshots/Chromium/baseline/s-modal-highcontrast-dark-danger-celebration-full.png
new file mode 100644
index 0000000000..8c019d0e83
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-highcontrast-dark-danger-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8ba97a2318494afba4662c1ea6dfbfacac57d67944be727289576c9bc632b869
+size 23280
diff --git a/screenshots/Chromium/baseline/s-modal-highcontrast-dark-danger-celebration.png b/screenshots/Chromium/baseline/s-modal-highcontrast-dark-danger-celebration.png
new file mode 100644
index 0000000000..45828119cc
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-highcontrast-dark-danger-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4aeb30c1a71ae30633711b8ad14d5b0637f183a11f6e2c18e0b4280d191c69c1
+size 22879
diff --git a/screenshots/Chromium/baseline/s-modal-highcontrast-dark-danger-full.png b/screenshots/Chromium/baseline/s-modal-highcontrast-dark-danger-full.png
new file mode 100644
index 0000000000..5949816501
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-highcontrast-dark-danger-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:956ee21b44a69dfa22322ce83d16c3e653b7108cbaeaf3d8df56233d912e5a21
+size 19526
diff --git a/screenshots/Chromium/baseline/s-modal-highcontrast-dark-danger.png b/screenshots/Chromium/baseline/s-modal-highcontrast-dark-danger.png
new file mode 100644
index 0000000000..2bffdca20a
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-highcontrast-dark-danger.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4d82d31b821d6a84caf2c4cd54eec373e422d13c03ac77620005ac48db8c02a3
+size 18756
diff --git a/screenshots/Chromium/baseline/s-modal-highcontrast-dark-full.png b/screenshots/Chromium/baseline/s-modal-highcontrast-dark-full.png
new file mode 100644
index 0000000000..f6446632c2
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-highcontrast-dark-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:876150dfe76ba9d470174b3c6c068560bef542687394fa4c9115ba9f7c580caa
+size 19537
diff --git a/screenshots/Chromium/baseline/s-modal-highcontrast-dark.png b/screenshots/Chromium/baseline/s-modal-highcontrast-dark.png
new file mode 100644
index 0000000000..83e0ef199b
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-highcontrast-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ce00b8f1af158f7405c87ba09d1bcd48b0c82a5d1e57ac5df346c30fd8c4af84
+size 18759
diff --git a/screenshots/Chromium/baseline/s-modal-highcontrast-light-celebration-full.png b/screenshots/Chromium/baseline/s-modal-highcontrast-light-celebration-full.png
new file mode 100644
index 0000000000..65d90e04f3
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-highcontrast-light-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:00933a6d0c9705dfc9cd207f694a91862e304da37d12beb4360d21d31693b96d
+size 23231
diff --git a/screenshots/Chromium/baseline/s-modal-highcontrast-light-celebration.png b/screenshots/Chromium/baseline/s-modal-highcontrast-light-celebration.png
new file mode 100644
index 0000000000..3e23301e0d
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-highcontrast-light-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:50724d1c2ca21d168da1be7d97ae300a3ff91be58d2c16e4942ed688f33c94d0
+size 22793
diff --git a/screenshots/Chromium/baseline/s-modal-highcontrast-light-danger-celebration-full.png b/screenshots/Chromium/baseline/s-modal-highcontrast-light-danger-celebration-full.png
new file mode 100644
index 0000000000..6588bcb872
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-highcontrast-light-danger-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a0ddffc0bbd792eff7856620c5168d6311c2e44cceaedd38f06e65418768b1e7
+size 23163
diff --git a/screenshots/Chromium/baseline/s-modal-highcontrast-light-danger-celebration.png b/screenshots/Chromium/baseline/s-modal-highcontrast-light-danger-celebration.png
new file mode 100644
index 0000000000..bab19b1961
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-highcontrast-light-danger-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7f30badb89d10d7d630021b9902a4f72a155a41bd594c54d76daa75358c27831
+size 22760
diff --git a/screenshots/Chromium/baseline/s-modal-highcontrast-light-danger-full.png b/screenshots/Chromium/baseline/s-modal-highcontrast-light-danger-full.png
new file mode 100644
index 0000000000..82bab1b47d
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-highcontrast-light-danger-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f79b09043e5a84f90727cf5a8ad4262c99244adb103b0a97787bf31d4ad87950
+size 19448
diff --git a/screenshots/Chromium/baseline/s-modal-highcontrast-light-danger.png b/screenshots/Chromium/baseline/s-modal-highcontrast-light-danger.png
new file mode 100644
index 0000000000..9ca338559e
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-highcontrast-light-danger.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f8e65ab03268abbd6de135f4cd25b77e5c77ef5095668883e60cf67ac631b8cb
+size 18704
diff --git a/screenshots/Chromium/baseline/s-modal-highcontrast-light-full.png b/screenshots/Chromium/baseline/s-modal-highcontrast-light-full.png
new file mode 100644
index 0000000000..63b886424a
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-highcontrast-light-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:90ce7e457d19601c911cb25e48adb69330c89ee5bf9cc61e5d2288eefc8fd034
+size 19529
diff --git a/screenshots/Chromium/baseline/s-modal-highcontrast-light.png b/screenshots/Chromium/baseline/s-modal-highcontrast-light.png
new file mode 100644
index 0000000000..8d30a3ad29
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-highcontrast-light.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:437603690becdc0e7a4124f16b8d1a54af82de8decc31d3935ef50cfb9b8e5b5
+size 18781
diff --git a/screenshots/Chromium/baseline/s-modal-light-celebration-full.png b/screenshots/Chromium/baseline/s-modal-light-celebration-full.png
new file mode 100644
index 0000000000..774fdf85ff
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-light-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2bf2157677669c8aec8f87a695720a8fea439b83e80fff2ff2e209fb03758638
+size 23607
diff --git a/screenshots/Chromium/baseline/s-modal-light-celebration.png b/screenshots/Chromium/baseline/s-modal-light-celebration.png
new file mode 100644
index 0000000000..8d52da30d2
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-light-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9b287060e600b891039df03980c2070ac38434f785ef2d99129a22a0505f1d04
+size 23173
diff --git a/screenshots/Chromium/baseline/s-modal-light-danger-celebration-full.png b/screenshots/Chromium/baseline/s-modal-light-danger-celebration-full.png
new file mode 100644
index 0000000000..8f57c65f13
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-light-danger-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c86bfa3571aadb2d4f010759f768a424cf3b2eb5a7c57f6f3c2180d63c340aa7
+size 23552
diff --git a/screenshots/Chromium/baseline/s-modal-light-danger-celebration.png b/screenshots/Chromium/baseline/s-modal-light-danger-celebration.png
new file mode 100644
index 0000000000..19236d06a4
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-light-danger-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2025162aa5c813b061168efc48199e7532661f2c373cb2ba12fa1f645eeb622e
+size 23121
diff --git a/screenshots/Chromium/baseline/s-modal-light-danger-full.png b/screenshots/Chromium/baseline/s-modal-light-danger-full.png
new file mode 100644
index 0000000000..1b5fd7c4f8
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-light-danger-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1171d8bce8b24903ccc9775384d545758af4a1a932fb3599bc79a75810817c1c
+size 19804
diff --git a/screenshots/Chromium/baseline/s-modal-light-danger.png b/screenshots/Chromium/baseline/s-modal-light-danger.png
new file mode 100644
index 0000000000..f8094e5be4
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-light-danger.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bda1ad1ef23e8e0363c3e8505231314cc79efb6b97bb8f686d1154704ff47469
+size 18950
diff --git a/screenshots/Chromium/baseline/s-modal-light-full.png b/screenshots/Chromium/baseline/s-modal-light-full.png
new file mode 100644
index 0000000000..f26b42d191
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-light-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:792a9bf71151b568f4bae9a73d9ee1799332f180b40cff1189b57f1a743a1265
+size 19859
diff --git a/screenshots/Chromium/baseline/s-modal-light.png b/screenshots/Chromium/baseline/s-modal-light.png
new file mode 100644
index 0000000000..ea0cc4b1a2
--- /dev/null
+++ b/screenshots/Chromium/baseline/s-modal-light.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:30badc26785dfb23b15c2d273bdf0e35b774992e93a9ce7ea759764d05f3ad47
+size 19003
diff --git a/screenshots/Firefox/baseline/s-modal-dark-celebration-full.png b/screenshots/Firefox/baseline/s-modal-dark-celebration-full.png
new file mode 100644
index 0000000000..3927b3fd71
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-dark-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0e11dab3056914e7733fe4bce496049c48b83dfc92fcd2e25d4222c2a88167c2
+size 28176
diff --git a/screenshots/Firefox/baseline/s-modal-dark-celebration.png b/screenshots/Firefox/baseline/s-modal-dark-celebration.png
new file mode 100644
index 0000000000..94ba1aaa98
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-dark-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:196a788f9e9cabea09f7ca9d998d5307eee6ed4fb9350d31a311c23c6bae6b47
+size 26932
diff --git a/screenshots/Firefox/baseline/s-modal-dark-danger-celebration-full.png b/screenshots/Firefox/baseline/s-modal-dark-danger-celebration-full.png
new file mode 100644
index 0000000000..4e6dc961d3
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-dark-danger-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:37f424ea5ed37d8e2ae9c5c7ae96f7a6dd7fa0acdef8b13b0686909e6cca5ad1
+size 28104
diff --git a/screenshots/Firefox/baseline/s-modal-dark-danger-celebration.png b/screenshots/Firefox/baseline/s-modal-dark-danger-celebration.png
new file mode 100644
index 0000000000..580b81fd5f
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-dark-danger-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ab176bf58fd99cabe0f920d77300a041195ae3b6db9e9187b4e29234eedb16b0
+size 26862
diff --git a/screenshots/Firefox/baseline/s-modal-dark-danger-full.png b/screenshots/Firefox/baseline/s-modal-dark-danger-full.png
new file mode 100644
index 0000000000..fcfd86bf0b
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-dark-danger-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f65a03a2cdab9a959e52a186484bf2a928ca0103c443848899384db27a31e394
+size 24408
diff --git a/screenshots/Firefox/baseline/s-modal-dark-danger.png b/screenshots/Firefox/baseline/s-modal-dark-danger.png
new file mode 100644
index 0000000000..adf7f88cad
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-dark-danger.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ca334afba94a5fc375d4b42e80870cac786369de849fc5c7f85b010fdeae75cc
+size 23045
diff --git a/screenshots/Firefox/baseline/s-modal-dark-full.png b/screenshots/Firefox/baseline/s-modal-dark-full.png
new file mode 100644
index 0000000000..ad68ccee1d
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-dark-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2e5bb77fd966b029536a344c925f8e909b8e510a8333524681adea72569ab834
+size 24481
diff --git a/screenshots/Firefox/baseline/s-modal-dark.png b/screenshots/Firefox/baseline/s-modal-dark.png
new file mode 100644
index 0000000000..b2875a2233
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:db5caa8a888df353421ccb25a7b2ef7bcbc74612a81dbc509c0946c64a3f449f
+size 23149
diff --git a/screenshots/Firefox/baseline/s-modal-highcontrast-dark-celebration-full.png b/screenshots/Firefox/baseline/s-modal-highcontrast-dark-celebration-full.png
new file mode 100644
index 0000000000..e60e799b62
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-highcontrast-dark-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5b79ecd0e1d76cbe7f1d792a59f55dfd17d13f5321ce5fe04d1a71ab3361f070
+size 27560
diff --git a/screenshots/Firefox/baseline/s-modal-highcontrast-dark-celebration.png b/screenshots/Firefox/baseline/s-modal-highcontrast-dark-celebration.png
new file mode 100644
index 0000000000..58815e4326
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-highcontrast-dark-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b14633f52af36972ef57e927495063faf78b05aefed624d56122645af5988af3
+size 26393
diff --git a/screenshots/Firefox/baseline/s-modal-highcontrast-dark-danger-celebration-full.png b/screenshots/Firefox/baseline/s-modal-highcontrast-dark-danger-celebration-full.png
new file mode 100644
index 0000000000..cc56009afa
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-highcontrast-dark-danger-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:61cefdf7828f6da8cb884bf9610e38edab1668942c364f77550ab58ad2d5c246
+size 27535
diff --git a/screenshots/Firefox/baseline/s-modal-highcontrast-dark-danger-celebration.png b/screenshots/Firefox/baseline/s-modal-highcontrast-dark-danger-celebration.png
new file mode 100644
index 0000000000..730523d28b
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-highcontrast-dark-danger-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:60d14b0dc538e0434e6efb641aa200312201a75867ce0c1bcccdca271a925ff9
+size 26375
diff --git a/screenshots/Firefox/baseline/s-modal-highcontrast-dark-danger-full.png b/screenshots/Firefox/baseline/s-modal-highcontrast-dark-danger-full.png
new file mode 100644
index 0000000000..5334a4fa15
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-highcontrast-dark-danger-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3c94df3a8b78d641b772a89b605416cc78e8956b067b47b8fa6398920429da96
+size 23951
diff --git a/screenshots/Firefox/baseline/s-modal-highcontrast-dark-danger.png b/screenshots/Firefox/baseline/s-modal-highcontrast-dark-danger.png
new file mode 100644
index 0000000000..a22b5f0756
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-highcontrast-dark-danger.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a9f85e3c9e282b807d8db1997ca55ea2f4f84d3d64d4bdb0086be73832589fc8
+size 22595
diff --git a/screenshots/Firefox/baseline/s-modal-highcontrast-dark-full.png b/screenshots/Firefox/baseline/s-modal-highcontrast-dark-full.png
new file mode 100644
index 0000000000..553812d0eb
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-highcontrast-dark-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:34b763d553524ab9604bc1073a2d7c9462b2a39573abf5cc6d8562a4b97f3153
+size 23953
diff --git a/screenshots/Firefox/baseline/s-modal-highcontrast-dark.png b/screenshots/Firefox/baseline/s-modal-highcontrast-dark.png
new file mode 100644
index 0000000000..e43177c91d
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-highcontrast-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ac3c072e92a080d33e019d9e14ee5544ca7024f9b6ea8c3a0f9ae765f6c00623
+size 22613
diff --git a/screenshots/Firefox/baseline/s-modal-highcontrast-light-celebration-full.png b/screenshots/Firefox/baseline/s-modal-highcontrast-light-celebration-full.png
new file mode 100644
index 0000000000..741b06aa15
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-highcontrast-light-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d5815dfa72c7ba1148ba94e1f4e5c274a5be739619596e6cc6dc29deede0d4aa
+size 27247
diff --git a/screenshots/Firefox/baseline/s-modal-highcontrast-light-celebration.png b/screenshots/Firefox/baseline/s-modal-highcontrast-light-celebration.png
new file mode 100644
index 0000000000..0bf688b3ec
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-highcontrast-light-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f1d72211a505d63c250462bfcbcc81e7c3874ccfe9cc79c36911f7cd04f513c2
+size 26213
diff --git a/screenshots/Firefox/baseline/s-modal-highcontrast-light-danger-celebration-full.png b/screenshots/Firefox/baseline/s-modal-highcontrast-light-danger-celebration-full.png
new file mode 100644
index 0000000000..976378ee76
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-highcontrast-light-danger-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7a81792e1c25b803a08da5fed6dd245a79788097de36d938125f6de517493e31
+size 27145
diff --git a/screenshots/Firefox/baseline/s-modal-highcontrast-light-danger-celebration.png b/screenshots/Firefox/baseline/s-modal-highcontrast-light-danger-celebration.png
new file mode 100644
index 0000000000..b1fd224d74
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-highcontrast-light-danger-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fa3c7d03a5db54b194492f64e748b7a8b6d3337293b91eb69aee927c3b8052e1
+size 26077
diff --git a/screenshots/Firefox/baseline/s-modal-highcontrast-light-danger-full.png b/screenshots/Firefox/baseline/s-modal-highcontrast-light-danger-full.png
new file mode 100644
index 0000000000..40ebf0d459
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-highcontrast-light-danger-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:030577943f86dbcdc3ab43a0388741793b7be1668400cc372a9e02e7cbebaf9b
+size 23602
diff --git a/screenshots/Firefox/baseline/s-modal-highcontrast-light-danger.png b/screenshots/Firefox/baseline/s-modal-highcontrast-light-danger.png
new file mode 100644
index 0000000000..5715253bed
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-highcontrast-light-danger.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d7944a1b00df1e0bae964e955ea60238bbdb7dd27bbee8b95c699b1ce6f52759
+size 22294
diff --git a/screenshots/Firefox/baseline/s-modal-highcontrast-light-full.png b/screenshots/Firefox/baseline/s-modal-highcontrast-light-full.png
new file mode 100644
index 0000000000..cd4a35f5ff
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-highcontrast-light-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:10dbbe521ebd3b97da24091a14f9cfd5396316f2d92d8f293773369bd0933fb8
+size 23746
diff --git a/screenshots/Firefox/baseline/s-modal-highcontrast-light.png b/screenshots/Firefox/baseline/s-modal-highcontrast-light.png
new file mode 100644
index 0000000000..f0790afec3
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-highcontrast-light.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cbdaa7e276919d788f3dd705b5f38f0b7cd6d66032c0b0f7ab054f8940fa585c
+size 22424
diff --git a/screenshots/Firefox/baseline/s-modal-light-celebration-full.png b/screenshots/Firefox/baseline/s-modal-light-celebration-full.png
new file mode 100644
index 0000000000..9d1274b4a3
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-light-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:eef6f2868e521cb7be28a6f27524500b24313e4311fa17c16a542a11203ff69f
+size 28255
diff --git a/screenshots/Firefox/baseline/s-modal-light-celebration.png b/screenshots/Firefox/baseline/s-modal-light-celebration.png
new file mode 100644
index 0000000000..194b6d2177
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-light-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:65baa34b8616a8130f7936df448b94d08c3b747595c7281e8717bc2b8ed5785b
+size 26967
diff --git a/screenshots/Firefox/baseline/s-modal-light-danger-celebration-full.png b/screenshots/Firefox/baseline/s-modal-light-danger-celebration-full.png
new file mode 100644
index 0000000000..89336bdc0f
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-light-danger-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9b5abec50a79f70da8830aba99d76215e3cc17565383bc4e1849c049346edbbd
+size 28224
diff --git a/screenshots/Firefox/baseline/s-modal-light-danger-celebration.png b/screenshots/Firefox/baseline/s-modal-light-danger-celebration.png
new file mode 100644
index 0000000000..6ade4ba634
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-light-danger-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2c47662c473c75bb3896e6296dbe8b4bc5393511386797d23f8e2f3e2d9f5113
+size 26972
diff --git a/screenshots/Firefox/baseline/s-modal-light-danger-full.png b/screenshots/Firefox/baseline/s-modal-light-danger-full.png
new file mode 100644
index 0000000000..49963eab6c
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-light-danger-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:59bf660f309ca5398cf11ca2ceb336f593d95a47e079a97097dfa1b40c567f01
+size 24495
diff --git a/screenshots/Firefox/baseline/s-modal-light-danger.png b/screenshots/Firefox/baseline/s-modal-light-danger.png
new file mode 100644
index 0000000000..394a3f3f85
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-light-danger.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c5348445ee79fd2be6b8fb601ff4507569fcdd2f9ad27e24e5a8050b66e0b354
+size 23199
diff --git a/screenshots/Firefox/baseline/s-modal-light-full.png b/screenshots/Firefox/baseline/s-modal-light-full.png
new file mode 100644
index 0000000000..876c176c33
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-light-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c5d39e5aed26d68dbee451155114d16711373bc9916aef44978f9e3a788a346f
+size 24528
diff --git a/screenshots/Firefox/baseline/s-modal-light.png b/screenshots/Firefox/baseline/s-modal-light.png
new file mode 100644
index 0000000000..27688c451b
--- /dev/null
+++ b/screenshots/Firefox/baseline/s-modal-light.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:94de15f4727323e5dea886250d2c7640947994f84e917d54b57434cc9870c503
+size 23229
diff --git a/screenshots/Webkit/baseline/s-modal-dark-celebration-full.png b/screenshots/Webkit/baseline/s-modal-dark-celebration-full.png
new file mode 100644
index 0000000000..bb9cd6d6c5
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-dark-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:26db067bd5512d25513331f9da1152e36ccd8bae491c8188cc654eff2555d1fc
+size 15034
diff --git a/screenshots/Webkit/baseline/s-modal-dark-celebration.png b/screenshots/Webkit/baseline/s-modal-dark-celebration.png
new file mode 100644
index 0000000000..a3ed18a4c1
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-dark-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bed8e086816a560297bcb1a64ad8d2576a60fb48cdf48a7aa41d0d27bc09949d
+size 15107
diff --git a/screenshots/Webkit/baseline/s-modal-dark-danger-celebration-full.png b/screenshots/Webkit/baseline/s-modal-dark-danger-celebration-full.png
new file mode 100644
index 0000000000..0bc32c38f2
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-dark-danger-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f4ea6b99395fd4e4b73c3e426f47b87c8a602cfd4c4ef2123eda8c4aceecdc7b
+size 14966
diff --git a/screenshots/Webkit/baseline/s-modal-dark-danger-celebration.png b/screenshots/Webkit/baseline/s-modal-dark-danger-celebration.png
new file mode 100644
index 0000000000..21717b9e46
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-dark-danger-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dfbce2f7d26ea6205afbfa1439a1bd246784202a070d23d0cfe394f185e4e2d1
+size 15061
diff --git a/screenshots/Webkit/baseline/s-modal-dark-danger-full.png b/screenshots/Webkit/baseline/s-modal-dark-danger-full.png
new file mode 100644
index 0000000000..31d2307e38
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-dark-danger-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ae19cc738e6a1269f0c1d71ba6bfab1b251b8cc1e3c77eb9436f089b328b6ef6
+size 12064
diff --git a/screenshots/Webkit/baseline/s-modal-dark-danger.png b/screenshots/Webkit/baseline/s-modal-dark-danger.png
new file mode 100644
index 0000000000..4626ce0acc
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-dark-danger.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9e2a9d00e7c094b9b6107d250ffd830e8a069efe8899813a74d39a2a881482f0
+size 11974
diff --git a/screenshots/Webkit/baseline/s-modal-dark-full.png b/screenshots/Webkit/baseline/s-modal-dark-full.png
new file mode 100644
index 0000000000..6218ef6440
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-dark-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:035ee312f10cb8f758324962b006652ebf59f0756417035bafb92187f4692afc
+size 12112
diff --git a/screenshots/Webkit/baseline/s-modal-dark.png b/screenshots/Webkit/baseline/s-modal-dark.png
new file mode 100644
index 0000000000..ac7e8fd397
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cc29eb15a9afb7aaede2a71b5828ed6f4cfaa1a2564dd64f6e98909d4834c9c1
+size 12040
diff --git a/screenshots/Webkit/baseline/s-modal-highcontrast-dark-celebration-full.png b/screenshots/Webkit/baseline/s-modal-highcontrast-dark-celebration-full.png
new file mode 100644
index 0000000000..f7ef902601
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-highcontrast-dark-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b0058685a00dcd1186ae1ae434f5ce06fccc21cb4ba1570718039ab777b26b4b
+size 15121
diff --git a/screenshots/Webkit/baseline/s-modal-highcontrast-dark-celebration.png b/screenshots/Webkit/baseline/s-modal-highcontrast-dark-celebration.png
new file mode 100644
index 0000000000..0ceaf11f7d
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-highcontrast-dark-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0f64b24e6a4a19218290bbce6fcad78251d5e651f0ba3ee82a71e0cf91bd39fd
+size 14873
diff --git a/screenshots/Webkit/baseline/s-modal-highcontrast-dark-danger-celebration-full.png b/screenshots/Webkit/baseline/s-modal-highcontrast-dark-danger-celebration-full.png
new file mode 100644
index 0000000000..d5cc19f243
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-highcontrast-dark-danger-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:270f2287d0eae1afd287b14cf40b08d5da6123fa445fbd2583ffdfcefbd59765
+size 15100
diff --git a/screenshots/Webkit/baseline/s-modal-highcontrast-dark-danger-celebration.png b/screenshots/Webkit/baseline/s-modal-highcontrast-dark-danger-celebration.png
new file mode 100644
index 0000000000..bb3877c220
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-highcontrast-dark-danger-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9e05a9e38b7ea17251681620030b215a73449f321ab7ddf30abbc8fa770c86c6
+size 14858
diff --git a/screenshots/Webkit/baseline/s-modal-highcontrast-dark-danger-full.png b/screenshots/Webkit/baseline/s-modal-highcontrast-dark-danger-full.png
new file mode 100644
index 0000000000..3ce4113fab
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-highcontrast-dark-danger-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2df2ca456e88748c89155be6b945560356ef85d5dc712810e96d0ad09d6489a8
+size 12265
diff --git a/screenshots/Webkit/baseline/s-modal-highcontrast-dark-danger.png b/screenshots/Webkit/baseline/s-modal-highcontrast-dark-danger.png
new file mode 100644
index 0000000000..0be529d316
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-highcontrast-dark-danger.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1a39839501603471f9344c1b0d088b9a680db24cdf1cee2a97de5266b565978e
+size 11852
diff --git a/screenshots/Webkit/baseline/s-modal-highcontrast-dark-full.png b/screenshots/Webkit/baseline/s-modal-highcontrast-dark-full.png
new file mode 100644
index 0000000000..ccfc9a0062
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-highcontrast-dark-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:13323bd219cb03ccdafa6fe3df86ad7dff2ac32bc5a2e853076cf4e8fb06f9b6
+size 12287
diff --git a/screenshots/Webkit/baseline/s-modal-highcontrast-dark.png b/screenshots/Webkit/baseline/s-modal-highcontrast-dark.png
new file mode 100644
index 0000000000..bc1109167d
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-highcontrast-dark.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e58bbbe9485717da24e80ee7f2f29f9701d07d19a5bda271c535d9dd1a849fca
+size 11869
diff --git a/screenshots/Webkit/baseline/s-modal-highcontrast-light-celebration-full.png b/screenshots/Webkit/baseline/s-modal-highcontrast-light-celebration-full.png
new file mode 100644
index 0000000000..1f911fe9d4
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-highcontrast-light-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d86d51be4f3ddaf8298fb11b0787e80ada23f4ccd8b954b14f56b7647557323f
+size 14959
diff --git a/screenshots/Webkit/baseline/s-modal-highcontrast-light-celebration.png b/screenshots/Webkit/baseline/s-modal-highcontrast-light-celebration.png
new file mode 100644
index 0000000000..1ed8556784
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-highcontrast-light-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9ca01009fc366c95a1463c447138ab3ff100c223e343ba2bfb65637059550fc8
+size 14866
diff --git a/screenshots/Webkit/baseline/s-modal-highcontrast-light-danger-celebration-full.png b/screenshots/Webkit/baseline/s-modal-highcontrast-light-danger-celebration-full.png
new file mode 100644
index 0000000000..10061a9761
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-highcontrast-light-danger-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0ebdf09b83ac971286758215f1de51d70b0aba683f7206443a96d96d418d042c
+size 14940
diff --git a/screenshots/Webkit/baseline/s-modal-highcontrast-light-danger-celebration.png b/screenshots/Webkit/baseline/s-modal-highcontrast-light-danger-celebration.png
new file mode 100644
index 0000000000..fe9b71f206
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-highcontrast-light-danger-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:112c35720692d39428a1963724db912e07b3c0d782460366187b58ce4248798d
+size 14819
diff --git a/screenshots/Webkit/baseline/s-modal-highcontrast-light-danger-full.png b/screenshots/Webkit/baseline/s-modal-highcontrast-light-danger-full.png
new file mode 100644
index 0000000000..f55baa4496
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-highcontrast-light-danger-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c8d267526af0fa7d31ac9d2d46c45d98574e99cab1d43ec351274e0d5aca2a80
+size 12153
diff --git a/screenshots/Webkit/baseline/s-modal-highcontrast-light-danger.png b/screenshots/Webkit/baseline/s-modal-highcontrast-light-danger.png
new file mode 100644
index 0000000000..19127c3fe0
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-highcontrast-light-danger.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d9ae8f21ddffcb52c7286bb0c8bb9f289d8deaa6bd4bf8288a9876838e2fe775
+size 11867
diff --git a/screenshots/Webkit/baseline/s-modal-highcontrast-light-full.png b/screenshots/Webkit/baseline/s-modal-highcontrast-light-full.png
new file mode 100644
index 0000000000..b44e991f60
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-highcontrast-light-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2c94a4e36b2d1dff7a4a2d6a0ce9373902aede9b70c92eea4dca42b507f948ad
+size 12165
diff --git a/screenshots/Webkit/baseline/s-modal-highcontrast-light.png b/screenshots/Webkit/baseline/s-modal-highcontrast-light.png
new file mode 100644
index 0000000000..8bac28b4ac
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-highcontrast-light.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c0a66b3d31eee66b55f36f5c103efa5fa4653dda110583df1cff392167a24c70
+size 11903
diff --git a/screenshots/Webkit/baseline/s-modal-light-celebration-full.png b/screenshots/Webkit/baseline/s-modal-light-celebration-full.png
new file mode 100644
index 0000000000..b819cafbea
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-light-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6f11fac80e80f7c6765aa8c90bab0d80595f1df8915f337c718ccf47102e4a4d
+size 15236
diff --git a/screenshots/Webkit/baseline/s-modal-light-celebration.png b/screenshots/Webkit/baseline/s-modal-light-celebration.png
new file mode 100644
index 0000000000..09692a20b3
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-light-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9e12c245ed5866cf8ae9539a3b61d4370723b081c90a09e5b11d9ed304301252
+size 15114
diff --git a/screenshots/Webkit/baseline/s-modal-light-danger-celebration-full.png b/screenshots/Webkit/baseline/s-modal-light-danger-celebration-full.png
new file mode 100644
index 0000000000..3fbd4d13a0
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-light-danger-celebration-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:47c32c1d7800df093d7aa561595094779d6a394408b8a4127dcb1cd388ae65d9
+size 15335
diff --git a/screenshots/Webkit/baseline/s-modal-light-danger-celebration.png b/screenshots/Webkit/baseline/s-modal-light-danger-celebration.png
new file mode 100644
index 0000000000..7277c6b2d8
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-light-danger-celebration.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a746aec7233bc2e01412757488e4e9bf51feb427d55d58f48bbff2ae9afe30ce
+size 15215
diff --git a/screenshots/Webkit/baseline/s-modal-light-danger-full.png b/screenshots/Webkit/baseline/s-modal-light-danger-full.png
new file mode 100644
index 0000000000..d6ab3f9a8c
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-light-danger-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2229a50ea3aa219344384320b56b6b442cdf538c69493ba43fd319d3499ef2d4
+size 12479
diff --git a/screenshots/Webkit/baseline/s-modal-light-danger.png b/screenshots/Webkit/baseline/s-modal-light-danger.png
new file mode 100644
index 0000000000..2b74728746
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-light-danger.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:43ddcb83b5e277448120b31b5f6b6fdfc5bb5dbc0b2d10f947834c9f63682a16
+size 12201
diff --git a/screenshots/Webkit/baseline/s-modal-light-full.png b/screenshots/Webkit/baseline/s-modal-light-full.png
new file mode 100644
index 0000000000..61d46ee429
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-light-full.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:bce447071e42df833c11ea3ac82cab77d251f6b0fd68214f585c5b726aad37bf
+size 12380
diff --git a/screenshots/Webkit/baseline/s-modal-light.png b/screenshots/Webkit/baseline/s-modal-light.png
new file mode 100644
index 0000000000..fcbed0c0fa
--- /dev/null
+++ b/screenshots/Webkit/baseline/s-modal-light.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0e67f4fae62628f8d637e74f3a4690aec1095bc9eaf4ca4f23677ba61be5206d
+size 12095
diff --git a/web-test-runner.config.mjs b/web-test-runner.config.mjs
index 5de7cbfe3d..ad59cfe85b 100644
--- a/web-test-runner.config.mjs
+++ b/web-test-runner.config.mjs
@@ -21,9 +21,17 @@ const commonjs = fromRollupWithFix(_commonjs);
 
 export default {
     browsers: [
-        playwrightLauncher({ product: "chromium" }),
+        playwrightLauncher({
+            product: "chromium",
+            createBrowserContext({ browser }) {
+                return browser.newContext({ reducedMotion: "reduce" });
+            },
+        }),
         playwrightLauncher({
             product: "firefox",
+            createBrowserContext({ browser }) {
+                return browser.newContext({ reducedMotion: "reduce" });
+            },
             launchOptions: {
                 firefoxUserPrefs: {
                     // force pointer capabilities activation on Firefox Headless on GTK (Gnome Toolkit - CI)
@@ -33,7 +41,12 @@ export default {
                 },
             },
         }),
-        playwrightLauncher({ product: "webkit" }),
+        playwrightLauncher({
+            product: "webkit",
+            createBrowserContext({ browser }) {
+                return browser.newContext({ reducedMotion: "reduce" });
+            },
+        }),
     ],
     testFramework: {
         config: {