From 086c044dc34dfc0f74fbe41f4ecb402b2cd34884 Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Fri, 19 Apr 2024 03:13:33 +0200 Subject: Merging upstream version 125.0.1. Signed-off-by: Daniel Baumann --- ...n-border-box-on-child-of-named-element-ref.html | 29 +++++++ ...-than-border-box-on-child-of-named-element.html | 63 +++++++++++++++ .../css/css-view-transitions/only-child-group.html | 14 ++-- .../only-child-image-pair.html | 5 +- .../css/css-view-transitions/only-child-new.html | 20 ++--- .../only-child-no-transition.html | 12 +-- .../css/css-view-transitions/only-child-old.html | 19 ++--- .../pseudo-element-animations.html | 36 +++++++++ .../pseudo-get-computed-style.html | 94 +++++++++++----------- .../web-animations-api-parse-pseudo-argument.html | 63 +++++++++++++++ 10 files changed, 265 insertions(+), 90 deletions(-) create mode 100644 testing/web-platform/tests/css/css-view-transitions/clip-path-larger-than-border-box-on-child-of-named-element-ref.html create mode 100644 testing/web-platform/tests/css/css-view-transitions/clip-path-larger-than-border-box-on-child-of-named-element.html create mode 100644 testing/web-platform/tests/css/css-view-transitions/pseudo-element-animations.html create mode 100644 testing/web-platform/tests/css/css-view-transitions/web-animations-api-parse-pseudo-argument.html (limited to 'testing/web-platform/tests/css/css-view-transitions') diff --git a/testing/web-platform/tests/css/css-view-transitions/clip-path-larger-than-border-box-on-child-of-named-element-ref.html b/testing/web-platform/tests/css/css-view-transitions/clip-path-larger-than-border-box-on-child-of-named-element-ref.html new file mode 100644 index 0000000000..67d55eedf4 --- /dev/null +++ b/testing/web-platform/tests/css/css-view-transitions/clip-path-larger-than-border-box-on-child-of-named-element-ref.html @@ -0,0 +1,29 @@ + + +View transitions: clip-path larger than element bounds on child of a named element (ref) + + + + +
+
+
diff --git a/testing/web-platform/tests/css/css-view-transitions/clip-path-larger-than-border-box-on-child-of-named-element.html b/testing/web-platform/tests/css/css-view-transitions/clip-path-larger-than-border-box-on-child-of-named-element.html new file mode 100644 index 0000000000..4cde9cb586 --- /dev/null +++ b/testing/web-platform/tests/css/css-view-transitions/clip-path-larger-than-border-box-on-child-of-named-element.html @@ -0,0 +1,63 @@ + + +View transitions: clip-path larger than element bounds on child of a named element + + + + + + + +
+
+
+ + + diff --git a/testing/web-platform/tests/css/css-view-transitions/only-child-group.html b/testing/web-platform/tests/css/css-view-transitions/only-child-group.html index 05275a3448..551e881611 100644 --- a/testing/web-platform/tests/css/css-view-transitions/only-child-group.html +++ b/testing/web-platform/tests/css/css-view-transitions/only-child-group.html @@ -1,7 +1,7 @@ View transitions: ensure :only-child is supported on view-transition-group - + @@ -54,8 +54,7 @@ promise_test(() => { return new Promise(async (resolve, reject) => { let transition = document.startViewTransition(); transition.ready.then(() => { - let style = getComputedStyle( - document.documentElement, ":view-transition-group(root)"); + let style = getComputedStyle(document.documentElement, "::view-transition-group(root)"); if (style.backgroundColor == "rgb(255, 0, 0)" && style.color == "rgb(255, 0, 0)") resolve(); else @@ -70,8 +69,7 @@ promise_test(() => { target.style.viewTransitionName = "target"; let transition = document.startViewTransition(); transition.ready.then(() => { - let style = getComputedStyle( - document.documentElement, ":view-transition-group(root)"); + let style = getComputedStyle(document.documentElement, "::view-transition-group(root)"); if (style.backgroundColor == "rgb(0, 0, 255)" && style.color == "rgb(0, 0, 255)") resolve(); else @@ -87,8 +85,7 @@ promise_test(() => { target.style.viewTransitionName = "target"; let transition = document.startViewTransition(); transition.ready.then(() => { - let style = getComputedStyle( - document.documentElement, ":view-transition-group(target)"); + let style = getComputedStyle(document.documentElement, "::view-transition-group(target)"); if (style.backgroundColor == "rgb(255, 0, 0)" && style.color == "rgb(255, 0, 0)") resolve(); else @@ -105,8 +102,7 @@ promise_test(() => { target2.style.viewTransitionName = "target2"; let transition = document.startViewTransition(); transition.ready.then(() => { - let style = getComputedStyle( - document.documentElement, ":view-transition-group(target)"); + let style = getComputedStyle(document.documentElement, "::view-transition-group(target)"); if (style.backgroundColor == "rgb(0, 0, 255)" && style.color == "rgb(0, 0, 255)") resolve(); else diff --git a/testing/web-platform/tests/css/css-view-transitions/only-child-image-pair.html b/testing/web-platform/tests/css/css-view-transitions/only-child-image-pair.html index 288d496346..d84b74f0ab 100644 --- a/testing/web-platform/tests/css/css-view-transitions/only-child-image-pair.html +++ b/testing/web-platform/tests/css/css-view-transitions/only-child-image-pair.html @@ -1,7 +1,7 @@ View transitions: ensure :only-child is supported on view-transition-image-pair - + @@ -38,8 +38,7 @@ promise_test(() => { return new Promise(async (resolve, reject) => { let transition = document.startViewTransition(); transition.ready.then(() => { - let style = getComputedStyle( - document.documentElement, ":view-transition-image-pair(root)"); + let style = getComputedStyle(document.documentElement, "::view-transition-image-pair(root)"); if (style.backgroundColor == "rgb(255, 0, 0)" && style.color == "rgb(255, 0, 0)") resolve(); else diff --git a/testing/web-platform/tests/css/css-view-transitions/only-child-new.html b/testing/web-platform/tests/css/css-view-transitions/only-child-new.html index 9f36528219..7bc8a447ce 100644 --- a/testing/web-platform/tests/css/css-view-transitions/only-child-new.html +++ b/testing/web-platform/tests/css/css-view-transitions/only-child-new.html @@ -1,7 +1,7 @@ View transitions: ensure :only-child is supported on view-transition-new - + @@ -61,8 +61,7 @@ promise_test(() => { }); transition.ready.then(() => { - let style = getComputedStyle( - document.documentElement, ":view-transition-new(root)"); + let style = getComputedStyle(document.documentElement, "::view-transition-new(root)"); if (style.backgroundColor == matchedColor && style.color == matchedColor) resolve(); else @@ -79,8 +78,7 @@ promise_test(() => { let transition = document.startViewTransition(); transition.ready.then(() => { - let style = getComputedStyle( - document.documentElement, ":view-transition-new(root)"); + let style = getComputedStyle(document.documentElement, "::view-transition-new(root)"); if (style.backgroundColor == notMatchedColor && style.color == notMatchedColor) resolve(); else @@ -100,8 +98,7 @@ promise_test(() => { }); transition.ready.then(() => { - let style = getComputedStyle( - document.documentElement, ":view-transition-new(root)"); + let style = getComputedStyle(document.documentElement, "::view-transition-new(root)"); if (style.backgroundColor == notMatchedColor && style.color == notMatchedColor) resolve(); else @@ -120,8 +117,7 @@ promise_test(() => { }); transition.ready.then(() => { - let style = getComputedStyle( - document.documentElement, ":view-transition-new(target)"); + let style = getComputedStyle(document.documentElement, "::view-transition-new(target)"); if (style.backgroundColor == matchedColor && style.color == matchedColor) resolve(); else @@ -141,8 +137,7 @@ promise_test(() => { }); transition.ready.then(() => { - let style = getComputedStyle( - document.documentElement, ":view-transition-new(root)"); + let style = getComputedStyle(document.documentElement, "::view-transition-new(root)"); if (style.backgroundColor == notMatchedColor && style.color == notMatchedColor) resolve(); else @@ -159,8 +154,7 @@ promise_test(() => { let transition = document.startViewTransition(); transition.ready.then(() => { - let style = getComputedStyle( - document.documentElement, ":view-transition-new(target)"); + let style = getComputedStyle(document.documentElement, "::view-transition-new(target)"); if (style.backgroundColor == notMatchedColor && style.color == notMatchedColor) resolve(); else diff --git a/testing/web-platform/tests/css/css-view-transitions/only-child-no-transition.html b/testing/web-platform/tests/css/css-view-transitions/only-child-no-transition.html index 7dc2bf1217..9152253dff 100644 --- a/testing/web-platform/tests/css/css-view-transitions/only-child-no-transition.html +++ b/testing/web-platform/tests/css/css-view-transitions/only-child-no-transition.html @@ -1,7 +1,7 @@ View transitions: :only-child style queries without transition shouldn't crash - + @@ -21,11 +21,11 @@ promise_test(() => { return new Promise(async (resolve, reject) => { let elements = [ - "view-transition", - "view-transition-group(foo)", - "view-transition-image-pair(foo)", - "view-transition-old(foo)", - "view-transition-old(foo)" + "::view-transition", + "::view-transition-group(foo)", + "::view-transition-image-pair(foo)", + "::view-transition-old(foo)", + "::view-transition-old(foo)" ]; for (let i = 0; i < elements.length; i++) { diff --git a/testing/web-platform/tests/css/css-view-transitions/only-child-old.html b/testing/web-platform/tests/css/css-view-transitions/only-child-old.html index 7a55af7397..4d57121aa1 100644 --- a/testing/web-platform/tests/css/css-view-transitions/only-child-old.html +++ b/testing/web-platform/tests/css/css-view-transitions/only-child-old.html @@ -1,7 +1,7 @@ View transitions: ensure :only-child is supported on view-transition-old - + @@ -61,8 +61,7 @@ promise_test(() => { }); transition.ready.then(() => { - let style = getComputedStyle( - document.documentElement, ":view-transition-old(root)"); + let style = getComputedStyle(document.documentElement, "::view-transition-old(root)"); if (style.backgroundColor == matchedColor && style.color == matchedColor) resolve(); else @@ -79,8 +78,7 @@ promise_test(() => { let transition = document.startViewTransition(); transition.ready.then(() => { - let style = getComputedStyle( - document.documentElement, ":view-transition-old(root)"); + let style = getComputedStyle(document.documentElement, "::view-transition-old(root)"); if (style.backgroundColor == notMatchedColor && style.color == notMatchedColor) resolve(); else @@ -100,8 +98,7 @@ promise_test(() => { }); transition.ready.then(() => { - let style = getComputedStyle( - document.documentElement, ":view-transition-old(root)"); + let style = getComputedStyle(document.documentElement, "::view-transition-old(root)"); if (style.backgroundColor == notMatchedColor && style.color == notMatchedColor) resolve(); else @@ -121,7 +118,7 @@ promise_test(() => { transition.ready.then(() => { let style = getComputedStyle( - document.documentElement, ":view-transition-old(target)"); + document.documentElement, "::view-transition-old(target)"); if (style.backgroundColor == matchedColor && style.color == matchedColor) resolve(); else @@ -141,8 +138,7 @@ promise_test(() => { }); transition.ready.then(() => { - let style = getComputedStyle( - document.documentElement, ":view-transition-old(root)"); + let style = getComputedStyle(document.documentElement, "::view-transition-old(root)"); if (style.backgroundColor == notMatchedColor && style.color == notMatchedColor) resolve(); else @@ -159,8 +155,7 @@ promise_test(() => { let transition = document.startViewTransition(); transition.ready.then(() => { - let style = getComputedStyle( - document.documentElement, ":view-transition-old(target)"); + let style = getComputedStyle(document.documentElement, "::view-transition-old(target)"); if (style.backgroundColor == notMatchedColor && style.color == notMatchedColor) resolve(); else diff --git a/testing/web-platform/tests/css/css-view-transitions/pseudo-element-animations.html b/testing/web-platform/tests/css/css-view-transitions/pseudo-element-animations.html new file mode 100644 index 0000000000..a7c3247479 --- /dev/null +++ b/testing/web-platform/tests/css/css-view-transitions/pseudo-element-animations.html @@ -0,0 +1,36 @@ + + +CSS Animations on view transition pseudos run more than once + + + + + +
+ diff --git a/testing/web-platform/tests/css/css-view-transitions/pseudo-get-computed-style.html b/testing/web-platform/tests/css/css-view-transitions/pseudo-get-computed-style.html index 2481a71313..3e971885c3 100644 --- a/testing/web-platform/tests/css/css-view-transitions/pseudo-get-computed-style.html +++ b/testing/web-platform/tests/css/css-view-transitions/pseudo-get-computed-style.html @@ -1,7 +1,7 @@ -View transitions: check pseudo element's display property - +View transitions: check pseudo element's default styles + @@ -30,34 +30,34 @@ promise_test(() => { assert_implements(document.startViewTransition, "Missing document.startViewTransition"); return new Promise(async (resolve, reject) => { let transition = document.startViewTransition(() => { - assert_equals(getComputedStyle(document.documentElement, ":view-transition").position, "fixed", ":view-transition"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").position, "absolute", "container(target)"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").mixBlendMode, "multiply", "container(target)"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").textOrientation, "upright", "container(target)"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").colorScheme, "dark light", "container(target)"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(target)").position, "absolute", "wrapper(target)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition").position, "fixed", "::view-transition"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(target)").position, "absolute", "container(target)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(target)").mixBlendMode, "multiply", "container(target)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(target)").textOrientation, "upright", "container(target)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(target)").colorScheme, "dark light", "container(target)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-image-pair(target)").position, "absolute", "wrapper(target)"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(target)").position, "absolute", "outgoing(target)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-old(target)").position, "absolute", "outgoing(target)"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(root)").position, "absolute", "container(root)"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(root)").mixBlendMode, "normal", "container(root)"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(root)").position, "absolute", "wrapper(root)"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(root)").position, "absolute", "outgoing(root)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(root)").position, "absolute", "container(root)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(root)").mixBlendMode, "normal", "container(root)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-image-pair(root)").position, "absolute", "wrapper(root)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-old(root)").position, "absolute", "outgoing(root)"); requestAnimationFrame(() => { - assert_equals(getComputedStyle(document.documentElement, ":view-transition").position, "fixed", "raf :view-transition"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").position, "absolute", "raf container(target)"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").mixBlendMode, "multiply", "raf container(target)"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").textOrientation, "upright", "raf container(target)"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").colorScheme, "dark light", "raf container(target)"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(target)").position, "fixed", "raf wrapper(target)"); - - assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(target)").position, "absolute", "raf outgoing(target)"); - - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(root)").position, "absolute", "raf container(root)"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(root)").mixBlendMode, "normal", "raf container(root)"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(root)").position, "absolute", "raf wrapper(root)"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(root)").position, "absolute", "raf outgoing(root)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition").position, "fixed", "raf ::view-transition"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(target)").position, "absolute", "raf container(target)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(target)").mixBlendMode, "multiply", "raf container(target)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(target)").textOrientation, "upright", "raf container(target)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(target)").colorScheme, "dark light", "raf container(target)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-image-pair(target)").position, "fixed", "raf wrapper(target)"); + + assert_equals(getComputedStyle(document.documentElement, "::view-transition-old(target)").position, "absolute", "raf outgoing(target)"); + + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(root)").position, "absolute", "raf container(root)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(root)").mixBlendMode, "normal", "raf container(root)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-image-pair(root)").position, "absolute", "raf wrapper(root)"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-old(root)").position, "absolute", "raf outgoing(root)"); }); }); await transition.finished; @@ -69,42 +69,42 @@ promise_test(() => { assert_implements(document.startViewTransition, "Missing document.startViewTransition"); return new Promise(async (resolve, reject) => { let transition = document.startViewTransition(() => { - assert_equals(getComputedStyle(document.documentElement, ":view-transition").position, "fixed"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").position, "absolute"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(target)").position, "absolute"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition").position, "fixed"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(target)").position, "absolute"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-image-pair(target)").position, "absolute"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(target)").position, "absolute"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-old(target)").position, "absolute"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(root)").position, "absolute"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(root)").position, "absolute"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(root)").position, "absolute"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(root)").position, "absolute"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-image-pair(root)").position, "absolute"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-old(root)").position, "absolute"); target.remove(); }); await transition.ready; - assert_equals(getComputedStyle(document.documentElement, ":view-transition").position, "fixed"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").position, "absolute"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").mixBlendMode, "multiply"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").textOrientation, "upright"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").colorScheme, "dark light"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(target)").position, "fixed"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition").position, "fixed"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(target)").position, "absolute"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(target)").mixBlendMode, "multiply"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(target)").textOrientation, "upright"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(target)").colorScheme, "dark light"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-image-pair(target)").position, "fixed"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(target)").position, "absolute"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-new(target)").position, "absolute"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-old(target)").position, "absolute"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-new(target)").position, "absolute"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(root)").position, "absolute"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-image-pair(root)").position, "absolute"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-old(root)").position, "absolute"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-new(root)").position, "absolute"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(root)").position, "absolute"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-image-pair(root)").position, "absolute"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-old(root)").position, "absolute"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-new(root)").position, "absolute"); - assert_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").position, "absolute"); + assert_equals(getComputedStyle(document.documentElement, "::view-transition-group(target)").position, "absolute"); await transition.finished; // With custom ua sheets not applying to non-existing pseudo, the value should be the default (not absolute) - assert_not_equals(getComputedStyle(document.documentElement, ":view-transition-group(target)").position, "absolute"); + assert_not_equals(getComputedStyle(document.documentElement, "::view-transition-group(target)").position, "absolute"); resolve(); }); diff --git a/testing/web-platform/tests/css/css-view-transitions/web-animations-api-parse-pseudo-argument.html b/testing/web-platform/tests/css/css-view-transitions/web-animations-api-parse-pseudo-argument.html new file mode 100644 index 0000000000..40c9a0d0c2 --- /dev/null +++ b/testing/web-platform/tests/css/css-view-transitions/web-animations-api-parse-pseudo-argument.html @@ -0,0 +1,63 @@ + + +View transitions with web-animation API: full parsing of argument + + + + + + + + + + + +
+
+ -- cgit v1.2.3