diff options
Diffstat (limited to 'testing/web-platform/tests/css/compositing')
2 files changed, 56 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/compositing/background-blending/crashtests/bgblend-root-change.html b/testing/web-platform/tests/css/compositing/background-blending/crashtests/bgblend-root-change.html new file mode 100644 index 0000000000..06db053574 --- /dev/null +++ b/testing/web-platform/tests/css/compositing/background-blending/crashtests/bgblend-root-change.html @@ -0,0 +1,17 @@ +<style> +* { + position: sticky; + border-left: double 488200679.54Q hsla(-39 5% 68% / 7%) !important; + box-shadow: 172vmax 60991vmax 32in 106cm hsl(-57532411.87deg, 70%, 54%); + background-blend-mode: overlay; + background: url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=) local content-box space space 0em / 15438983.37cm auto; +} +</style> +<script> +window.addEventListener("load", () => { + let a = document.createElementNS("http://www.w3.org/1998/Math/MathML", "math") + a.setAttribute("href", "x") + a.autofocus = true + document.documentElement.appendChild(a) +}) +</script> diff --git a/testing/web-platform/tests/css/compositing/mix-blend-mode/mix-blend-mode-parent-element-overflow-hidden-and-border-radius-2.html b/testing/web-platform/tests/css/compositing/mix-blend-mode/mix-blend-mode-parent-element-overflow-hidden-and-border-radius-2.html new file mode 100644 index 0000000000..0b12301c4d --- /dev/null +++ b/testing/web-platform/tests/css/compositing/mix-blend-mode/mix-blend-mode-parent-element-overflow-hidden-and-border-radius-2.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <title>CSS Test: blending between an element having overflow:hidden and border-radius and its child, with will-change:opacity</title> + <link rel="author" title="Mirela Budăeș" href="mailto:mbudaes@adobe.com"> + <link rel="author" title="Ion Roșca" href="mailto:rosca@adobe.com"> + <link rel="author" title="Xianzhu Wang" href="mailto:wangxianzhu@chromium.org"> + <link rel="help" href="https://drafts.fxtf.org/compositing-1/#mix-blend-mode"> + <link rel="help" href="https://crbug.com/328339028"> + <meta name="assert" content="Test checks that an element having mix-blend-mode and will-change:opacity blends with the parent element having overflow:hidden and border-radius"> + <meta name="fuzzy" content="0-128;0-400"> + <link rel="match" href="reference/mix-blend-mode-parent-element-overflow-hidden-and-border-radius-ref.html"> + <style type="text/css"> + .parent { + background: red; + width: 140px; + height: 140px; + position: relative; + z-index: 1; + overflow: hidden; + border-radius: 1em 5em; + } + .blended { + background: yellow; + width: 200px; + height: 200px; + mix-blend-mode: difference; + will-change: opacity; + } + </style> + </head> + <body> + <p> Test passes if you see a lime square with rounded corners.</p> + <div class="parent"> + <div class="blended"></div> + </div> + </body> +</html> |