diff --git a/testing/web-platform/tests/html/semantics/popups/popup-animated-display-ref.tentative.html b/testing/web-platform/tests/html/semantics/popups/popup-animated-display-ref.tentative.html index 77f15441ae95d..4fc741a1bab19 100644 --- a/testing/web-platform/tests/html/semantics/popups/popup-animated-display-ref.tentative.html +++ b/testing/web-platform/tests/html/semantics/popups/popup-animated-display-ref.tentative.html @@ -1,23 +1,15 @@ +
-
This is a popup
+
This is a popup
+ +

There should be four pop-ups with similar appearance, and + the word Unknown with no special styling.

+
Blank
+
Auto
+
Hint
+
Manual
+
Unknown
diff --git a/testing/web-platform/tests/html/semantics/popups/popup-appearance.tentative.html b/testing/web-platform/tests/html/semantics/popups/popup-appearance.tentative.html new file mode 100644 index 0000000000000..e118ced76d1ea --- /dev/null +++ b/testing/web-platform/tests/html/semantics/popups/popup-appearance.tentative.html @@ -0,0 +1,33 @@ + + +Popup element appearance + + + + + + +

There should be four pop-ups with similar appearance, and + the word Unknown with no special styling.

+
Blank +
Auto
+
+
Hint
+
Manual
+ +
Unknown
+ diff --git a/testing/web-platform/tests/html/semantics/popups/popup-backdrop-appearance-ref.tentative.html b/testing/web-platform/tests/html/semantics/popups/popup-backdrop-appearance-ref.tentative.html index 283eed24d3d7b..4cb0d99569944 100644 --- a/testing/web-platform/tests/html/semantics/popups/popup-backdrop-appearance-ref.tentative.html +++ b/testing/web-platform/tests/html/semantics/popups/popup-backdrop-appearance-ref.tentative.html @@ -1,22 +1,13 @@ Popup ::backdrop pseudo element appearance +

Test for [popup]::backdrop presence and stacking order. The test passes if there are 3 stacked boxes, with the brightest green on top.

@@ -43,9 +37,9 @@
Top
-
- -
- -
- +
+
Bottom
+
+
Middle
+
+
Top
diff --git a/testing/web-platform/tests/html/semantics/popups/popup-backdrop-appearance.tentative.html b/testing/web-platform/tests/html/semantics/popups/popup-backdrop-appearance.tentative.html index 62005db75be4e..a2f761fa8170d 100644 --- a/testing/web-platform/tests/html/semantics/popups/popup-backdrop-appearance.tentative.html +++ b/testing/web-platform/tests/html/semantics/popups/popup-backdrop-appearance.tentative.html @@ -11,30 +11,25 @@ #top { top: 170px; left: 170px; } ::backdrop { height: 200px; width: 200px; } #bottom::backdrop { - top: 50px; - left: 50px; - background-color: rgb(0, 50, 0); - z-index: 100; /* z-index has no effect. */ + top: 50px; + left: 50px; + background-color: rgb(0, 50, 0); + z-index: 100; /* z-index has no effect. */ } #middle::backdrop { - top: 100px; - left: 100px; - background-color: rgb(0, 130, 0); - z-index: -100; /* z-index has no effect. */ + top: 100px; + left: 100px; + background-color: rgb(0, 130, 0); + z-index: -100; /* z-index has no effect. */ } #top::backdrop { - top: 150px; - left: 150px; - background-color: rgb(0, 210, 0); - z-index: 0; /* z-index has no effect. */ + top: 150px; + left: 150px; + background-color: rgb(0, 210, 0); + z-index: 0; /* z-index has no effect. */ } [popup] { - width: fit-content; - height: fit-content; - color: black; - border: 0; - padding: 1em; - background: white; + margin:0; }

Test for [popup]::backdrop presence and stacking order. The test passes diff --git a/testing/web-platform/tests/html/semantics/popups/popup-defaultopen-display-ref.tentative.html b/testing/web-platform/tests/html/semantics/popups/popup-defaultopen-display-ref.tentative.html index db1a3f2b044d1..d6e4279a54026 100644 --- a/testing/web-platform/tests/html/semantics/popups/popup-defaultopen-display-ref.tentative.html +++ b/testing/web-platform/tests/html/semantics/popups/popup-defaultopen-display-ref.tentative.html @@ -1,22 +1,6 @@ + -

This is a popup, which should be open upon load
- - +
This is a popup, which should be open upon load
diff --git a/testing/web-platform/tests/html/semantics/popups/popup-defaultopen-display.tentative.html b/testing/web-platform/tests/html/semantics/popups/popup-defaultopen-display.tentative.html index 562137ab56bd5..5915a90f8980f 100644 --- a/testing/web-platform/tests/html/semantics/popups/popup-defaultopen-display.tentative.html +++ b/testing/web-platform/tests/html/semantics/popups/popup-defaultopen-display.tentative.html @@ -8,17 +8,6 @@
This is a second popup with defaultopen, which should NOT be open upon load
diff --git a/testing/web-platform/tests/html/semantics/popups/popup-hidden-display.tentative.html b/testing/web-platform/tests/html/semantics/popups/popup-hidden-display.tentative.html index 2bd2dc473894b..69c82b24827ef 100644 --- a/testing/web-platform/tests/html/semantics/popups/popup-hidden-display.tentative.html +++ b/testing/web-platform/tests/html/semantics/popups/popup-hidden-display.tentative.html @@ -10,11 +10,7 @@ [popup] { display: block; /* This should make the popup visible */ top: 0; - left: 0; width: 300px; height: 200px; - border: 1px solid; - background: white; - color: black; } diff --git a/testing/web-platform/tests/html/semantics/popups/popup-open-display-ref.tentative.html b/testing/web-platform/tests/html/semantics/popups/popup-open-display-ref.tentative.html index e870846924973..95ba1ce3fbf80 100644 --- a/testing/web-platform/tests/html/semantics/popups/popup-open-display-ref.tentative.html +++ b/testing/web-platform/tests/html/semantics/popups/popup-open-display-ref.tentative.html @@ -1,26 +1,12 @@ +
-
This is a popup
+
This is a popup