Diff
Modified: trunk/LayoutTests/ChangeLog (276421 => 276422)
--- trunk/LayoutTests/ChangeLog 2021-04-22 04:51:20 UTC (rev 276421)
+++ trunk/LayoutTests/ChangeLog 2021-04-22 05:12:09 UTC (rev 276422)
@@ -1,3 +1,12 @@
+2021-04-21 Tim Nguyen <[email protected]>
+
+ Import css/css-will-change tests from WPT
+ https://bugs.webkit.org/show_bug.cgi?id=224870
+
+ Reviewed by Youenn Fablet.
+
+ * TestExpectations:
+
2021-04-21 Fujii Hironori <[email protected]>
[WinCairo] Unreviewed test gardening
Modified: trunk/LayoutTests/TestExpectations (276421 => 276422)
--- trunk/LayoutTests/TestExpectations 2021-04-22 04:51:20 UTC (rev 276421)
+++ trunk/LayoutTests/TestExpectations 2021-04-22 05:12:09 UTC (rev 276422)
@@ -2066,6 +2066,7 @@
# Imported w3c tests require fuzzy image comparison
webkit.org/b/149828 imported/w3c/web-platform-tests/density-size-correction/density-corrected-image-svg-aspect-ratio.html [ ImageOnlyFailure ]
webkit.org/b/149828 imported/w3c/web-platform-tests/density-size-correction/density-corrected-size-bg.html [ ImageOnlyFailure ]
+webkit.org/b/149828 imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-zero-size-child-overflow-visible.html [ Pass ImageOnlyFailure ]
# A support file for a test
imported/w3c/web-platform-tests/css/css-masking/clip-path/svg-clipPath.svg [ Skip ]
@@ -4939,5 +4940,19 @@
imported/w3c/web-platform-tests/css/css-counter-styles/upper-roman/css3-counter-styles-024.html [ ImageOnlyFailure ]
imported/w3c/web-platform-tests/css/css-counter-styles/upper-roman/css3-counter-styles-024a.html [ ImageOnlyFailure ]
+# CSS will-change failures
+webkit.org/b/167868 imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-001.html [ ImageOnlyFailure ]
+webkit.org/b/167868 imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-002.html [ ImageOnlyFailure ]
+webkit.org/b/167868 imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-003.html [ ImageOnlyFailure ]
+webkit.org/b/167868 imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-dynamic-001.html [ ImageOnlyFailure ]
+webkit.org/b/167868 imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-001.html [ ImageOnlyFailure ]
+webkit.org/b/167868 imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-002.html [ ImageOnlyFailure ]
+webkit.org/b/167868 imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-004.html [ ImageOnlyFailure ]
+webkit.org/b/167868 imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-005.html [ ImageOnlyFailure ]
+webkit.org/b/224902 [ Debug ] imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-invalid.html [ Skip ]
+
+# Needs -webkit-backdrop-filter to be unprefixed
+webkit.org/b/224899 imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002.html [ ImageOnlyFailure ]
+
webkit.org/b/223170 [ Debug ] fast/multicol/widow-relayout-with-border-fit.html [ Skip ]
webkit.org/b/31278 [ Debug ] fast/multicol/spanner-get-re-added-on-move-crash.html [ Skip ]
Modified: trunk/LayoutTests/imported/w3c/ChangeLog (276421 => 276422)
--- trunk/LayoutTests/imported/w3c/ChangeLog 2021-04-22 04:51:20 UTC (rev 276421)
+++ trunk/LayoutTests/imported/w3c/ChangeLog 2021-04-22 05:12:09 UTC (rev 276422)
@@ -1,3 +1,59 @@
+2021-04-21 Tim Nguyen <[email protected]>
+
+ Import css/css-will-change tests from WPT
+ https://bugs.webkit.org/show_bug.cgi?id=224870
+
+ Reviewed by Youenn Fablet.
+
+ * resources/import-expectations.json:
+ * web-platform-tests/css/css-will-change/META.yml: Added.
+ * web-platform-tests/css/css-will-change/inheritance-expected.txt: Added.
+ * web-platform-tests/css/css-will-change/inheritance.html: Added.
+ * web-platform-tests/css/css-will-change/parsing/w3c-import.log: Added.
+ * web-platform-tests/css/css-will-change/parsing/will-change-computed-expected.txt: Added.
+ * web-platform-tests/css/css-will-change/parsing/will-change-computed.html: Added.
+ * web-platform-tests/css/css-will-change/parsing/will-change-invalid-expected.txt: Added.
+ * web-platform-tests/css/css-will-change/parsing/will-change-invalid.html: Added.
+ * web-platform-tests/css/css-will-change/parsing/will-change-valid-expected.txt: Added.
+ * web-platform-tests/css/css-will-change/parsing/will-change-valid.html: Added.
+ * web-platform-tests/css/css-will-change/w3c-import.log: Added.
+ * web-platform-tests/css/css-will-change/will-change-abspos-cb-001-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-abspos-cb-001.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-abspos-cb-002-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-abspos-cb-002.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-abspos-cb-003-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-abspos-cb-003.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-abspos-cb-dynamic-001-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-abspos-cb-dynamic-001.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixedpos-cb-001-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixedpos-cb-001.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixedpos-cb-002-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixedpos-cb-002.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixedpos-cb-003-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixedpos-cb-003.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixedpos-cb-004-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixedpos-cb-004.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixedpos-cb-005-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixedpos-cb-005.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixedpos-cb-006-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-fixedpos-cb-006.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-inherit-dynamic-expected.txt: Added.
+ * web-platform-tests/css/css-will-change/will-change-inherit-dynamic.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-001-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-001.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-002-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-002.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-003-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-stacking-context-003.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-transform-add-content-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-transform-add-content.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-transform-image-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-transform-image.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-transform-zero-size-child-overflow-visible-expected.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-transform-zero-size-child-overflow-visible.html: Added.
+ * web-platform-tests/css/css-will-change/will-change-will-change-1-expected.xht: Added.
+ * web-platform-tests/css/css-will-change/will-change-will-change-1.html: Added.
+
2021-04-21 Commit Queue <[email protected]>
Unreviewed, reverting r276380 and r276386.
Modified: trunk/LayoutTests/imported/w3c/resources/import-expectations.json (276421 => 276422)
--- trunk/LayoutTests/imported/w3c/resources/import-expectations.json 2021-04-22 04:51:20 UTC (rev 276421)
+++ trunk/LayoutTests/imported/w3c/resources/import-expectations.json 2021-04-22 05:12:09 UTC (rev 276422)
@@ -130,6 +130,7 @@
"web-platform-tests/css/css-transitions": "import",
"web-platform-tests/css/css-ui": "import",
"web-platform-tests/css/css-variables": "import",
+ "web-platform-tests/css/css-will-change": "import",
"web-platform-tests/css/css-writing-modes": "import",
"web-platform-tests/css/cssom": "import",
"web-platform-tests/css/cssom-view/": "import",
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/META.yml (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/META.yml (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/META.yml 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,4 @@
+spec: https://drafts.csswg.org/css-will-change/
+suggested_reviewers:
+ - dbaron
+ - tabatkins
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/inheritance-expected.txt (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/inheritance-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/inheritance-expected.txt 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,4 @@
+
+PASS Property will-change has initial value auto
+PASS Property will-change does not inherit
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/inheritance.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/inheritance.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/inheritance.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>Inheritance of CSS will-change property</title>
+<link rel="help" href=""
+<meta name="assert" content="will-change does not inherit.">
+<meta name="assert" content="will-change has initial value auto.">
+<script src=""
+<script src=""
+<script src=""
+</head>
+<body>
+<div id="container">
+<div id="target"></div>
+</div>
+<script>
+assert_not_inherited('will-change', 'auto', 'transform');
+</script>
+</body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/w3c-import.log (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/w3c-import.log (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/w3c-import.log 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,19 @@
+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in WebKit.
+Instead, create a pull request on the WPT github:
+ https://github.com/web-platform-tests/wpt
+
+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
+
+Do NOT modify or remove this file.
+
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-computed.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-invalid.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-valid.html
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-computed-expected.txt (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-computed-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-computed-expected.txt 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,11 @@
+
+PASS Property will-change value 'auto'
+PASS Property will-change value 'scroll-position'
+PASS Property will-change value 'contents'
+PASS Property will-change value 'transform'
+PASS Property will-change value 'background-color'
+PASS Property will-change value 'scroll-position, contents'
+PASS Property will-change value 'scroll-position, transform'
+PASS Property will-change value 'contents, transform'
+PASS Property will-change value 'transform, background-color'
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-computed.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-computed.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-computed.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Will Change Test: getComputedStyle().willChange</title>
+<link rel="help" href=""
+<meta name="assert" content="will-change computed value is as specified.">
+<script src=""
+<script src=""
+<script src=""
+</head>
+<body>
+<div id="target"></div>
+<script>
+test_computed_value("will-change", "auto");
+
+// <animateable-feature> = scroll-position | contents | <custom-ident>
+test_computed_value("will-change", "scroll-position");
+test_computed_value("will-change", "contents");
+test_computed_value("will-change", "transform");
+test_computed_value("will-change", "background-color");
+
+test_computed_value("will-change", "scroll-position, contents");
+test_computed_value("will-change", "scroll-position, transform");
+test_computed_value("will-change", "contents, transform");
+test_computed_value("will-change", "transform, background-color");
+</script>
+</body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-invalid-expected.txt (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-invalid-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-invalid-expected.txt 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,14 @@
+
+PASS e.style['will-change'] = "auto transform" should not set the property value
+PASS e.style['will-change'] = "auto, transform" should not set the property value
+PASS e.style['will-change'] = "contents auto" should not set the property value
+PASS e.style['will-change'] = "contents, auto" should not set the property value
+PASS e.style['will-change'] = "transform, initial" should not set the property value
+PASS e.style['will-change'] = "transform, inherit" should not set the property value
+PASS e.style['will-change'] = "transform, unset" should not set the property value
+PASS e.style['will-change'] = "transform, revert" should not set the property value
+PASS e.style['will-change'] = "transform, default" should not set the property value
+PASS e.style['will-change'] = "will-change" should not set the property value
+PASS e.style['will-change'] = "none" should not set the property value
+PASS e.style['will-change'] = "all" should not set the property value
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-invalid.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-invalid.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-invalid.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Will Change Test: parsing will-change with invalid values</title>
+<link rel="author" title="Eric Willigers" href=""
+<link rel="help" href=""
+<meta name="assert" content="will-change only supports the grammar 'auto | <animateable-feature>#'.">
+<script src=""
+<script src=""
+<script src=""
+</head>
+<body>
+<script>
+test_invalid_value("will-change", "auto transform");
+test_invalid_value("will-change", "auto, transform");
+test_invalid_value("will-change", "contents auto");
+test_invalid_value("will-change", "contents, auto");
+
+// CSS-wide keywords are excluded from <custom-ident>
+// https://drafts.csswg.org/css-values-4/#identifier-value
+test_invalid_value("will-change", "transform, initial");
+test_invalid_value("will-change", "transform, inherit");
+test_invalid_value("will-change", "transform, unset");
+test_invalid_value("will-change", "transform, revert");
+test_invalid_value("will-change", "transform, default");
+
+// will-change additionally excludes the following from <custom-ident>
+test_invalid_value("will-change", "will-change");
+test_invalid_value("will-change", "none");
+test_invalid_value("will-change", "all");
+</script>
+</body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-valid-expected.txt (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-valid-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-valid-expected.txt 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,11 @@
+
+PASS e.style['will-change'] = "auto" should set the property value
+PASS e.style['will-change'] = "scroll-position" should set the property value
+PASS e.style['will-change'] = "contents" should set the property value
+PASS e.style['will-change'] = "transform" should set the property value
+PASS e.style['will-change'] = "background-color" should set the property value
+PASS e.style['will-change'] = "scroll-position, contents" should set the property value
+PASS e.style['will-change'] = "scroll-position, transform" should set the property value
+PASS e.style['will-change'] = "contents, transform" should set the property value
+PASS e.style['will-change'] = "transform, background-color" should set the property value
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-valid.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-valid.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/parsing/will-change-valid.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Will Change Test: parsing will-change with valid values</title>
+<link rel="author" title="Eric Willigers" href=""
+<link rel="help" href=""
+<meta name="assert" content="will-change supports the full grammar 'auto | <animateable-feature>#'.">
+<script src=""
+<script src=""
+<script src=""
+</head>
+<body>
+<script>
+test_valid_value("will-change", "auto");
+
+// <animateable-feature> = scroll-position | contents | <custom-ident>
+test_valid_value("will-change", "scroll-position");
+test_valid_value("will-change", "contents");
+test_valid_value("will-change", "transform");
+test_valid_value("will-change", "background-color");
+
+test_valid_value("will-change", "scroll-position, contents");
+test_valid_value("will-change", "scroll-position, transform");
+test_valid_value("will-change", "contents, transform");
+test_valid_value("will-change", "transform, background-color");
+</script>
+</body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/w3c-import.log (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/w3c-import.log (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/w3c-import.log 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,53 @@
+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in WebKit.
+Instead, create a pull request on the WPT github:
+ https://github.com/web-platform-tests/wpt
+
+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
+
+Do NOT modify or remove this file.
+
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/META.yml
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/inheritance.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-001-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-001.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-002-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-002.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-003-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-003.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-dynamic-001-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-dynamic-001.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-001-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-001.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-002-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-002.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-003-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-003.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-004-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-004.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-005-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-005.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-006-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-006.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-inherit-dynamic.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-001-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-001.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-add-content-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-add-content.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-image-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-image.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-zero-size-child-overflow-visible-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-zero-size-child-overflow-visible.html
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-will-change-1-expected.xht
+/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-will-change-1.html
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-001-expected.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-001-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-001-expected.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,24 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<style>
+ .container {
+ border: 1px solid green;
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ display: flex;
+ position: relative;
+ }
+ .abspos {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: orange;
+ height: 20px;
+ width: 20px;
+ }
+</style>
+<div class="container">
+ <div class="abspos"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-001.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-001.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-001.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,30 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: will-change: position turns an element in an abspos containing block.</title>
+<link rel="author" title="Emilio Cobos Álvarez" href=""
+<link rel="author" title="Boris Zbarsky" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ .container {
+ border: 1px solid green;
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ display: flex;
+ will-change: position;
+ }
+ .abspos {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: orange;
+ height: 20px;
+ width: 20px;
+ }
+</style>
+<div class="container">
+ <div class="abspos"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-002-expected.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-002-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-002-expected.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,13 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<style>
+ div {
+ border: 1px solid green;
+ background: green;
+ margin-top: 100px;
+ width: 100px;
+ height: 100px;
+ }
+</style>
+<div></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-002.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-002.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-002.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,29 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: will-change: filter should generate a containing block for absolute positioned elements.</title>
+<link rel="author" title="Philip Rogers" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ .container {
+ border: 1px solid green;
+ background: red;
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ will-change: filter;
+ }
+ .abspos {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: green;
+ height: 100px;
+ width: 100px;
+ }
+</style>
+<div class="container">
+ <div class="abspos"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-003-expected.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-003-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-003-expected.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,13 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<style>
+ div {
+ border: 1px solid green;
+ background: green;
+ margin-top: 100px;
+ width: 100px;
+ height: 100px;
+ }
+</style>
+<div></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-003.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-003.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-003.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,29 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: will-change: backdrop-filter should generate a containing block for absolute positioned elements.</title>
+<link rel="author" title="Philip Rogers" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ .container {
+ border: 1px solid green;
+ background: red;
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ will-change: backdrop-filter;
+ }
+ .abspos {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: green;
+ height: 100px;
+ width: 100px;
+ }
+</style>
+<div class="container">
+ <div class="abspos"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-dynamic-001-expected.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-dynamic-001-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-dynamic-001-expected.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,24 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<style>
+ .container {
+ border: 1px solid green;
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ display: flex;
+ position: relative;
+ }
+ .abspos {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: orange;
+ height: 20px;
+ width: 20px;
+ }
+</style>
+<div class="container">
+ <div class="abspos"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-dynamic-001.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-dynamic-001.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-abspos-cb-dynamic-001.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,34 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: will-change: position turns an element in an abspos containing block when changed dynamically.</title>
+<link rel="author" title="Emilio Cobos Álvarez" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ .container {
+ border: 1px solid green;
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ }
+ .abspos {
+ position: absolute;
+ top: 0;
+ left: 0;
+ background: orange;
+ height: 20px;
+ width: 20px;
+ }
+</style>
+<div class="container">
+ <div class="abspos"></div>
+</div>
+<script>
+_onload_ = function() {
+ let container = document.querySelector(".container");
+ container.offsetTop;
+ container.style.willChange = "position";
+}
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-001-expected.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-001-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-001-expected.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,13 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<style>
+ div {
+ border: 1px solid green;
+ background: green;
+ margin-top: 100px;
+ width: 100px;
+ height: 100px;
+ }
+</style>
+<div></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-001.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-001.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-001.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,29 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: will-change: filter should generate a containing block for fixed positioned elements.</title>
+<link rel="author" title="Philip Rogers" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ .container {
+ border: 1px solid green;
+ background: red;
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ will-change: filter;
+ }
+ .fixedpos {
+ position: fixed;
+ top: 0;
+ left: 0;
+ background: green;
+ height: 100px;
+ width: 100px;
+ }
+</style>
+<div class="container">
+ <div class="fixedpos"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-002-expected.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-002-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-002-expected.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,12 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<style>
+ div {
+ background: green;
+ margin-left: 100px;
+ width: 100px;
+ height: 100px;
+ }
+</style>
+<div></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-002.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-002.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-002.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,27 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: will-change: filter on an inline should generate a containing block for fixed positioned elements.</title>
+<link rel="author" title="Philip Rogers" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ .inline {
+ margin-left: 100px;
+ will-change: filter;
+ }
+ .fixedpos {
+ position: fixed;
+ top: 0;
+ left: 0;
+ background: green;
+ height: 100px;
+ width: 100px;
+ }
+</style>
+<span class="inline">
+ <!-- "FAIL" should be hidden by the green box and should not be visible. -->
+ FAIL
+ <div class="fixedpos"></div>
+</span>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-003-expected.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-003-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-003-expected.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,31 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<style>
+ body {
+ margin: 0;
+ }
+ .hidden {
+ width: 100px;
+ height: 100px;
+ margin-left: 100px;
+ margin-top: 200px;
+ }
+ .fixedpos {
+ position: fixed;
+ top: 100px;
+ left: 100px;
+ background: green;
+ height: 100px;
+ width: 100px;
+ }
+ .spacer {
+ height: 2000px;
+ }
+</style>
+<div class="hidden"></div>
+<div class="fixedpos"></div>
+<div class="spacer"></div>
+<script>
+ window._onload_ = function() { window.scrollTo(0, 100); };
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-003.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-003.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-003.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,41 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: will-change: filter on the root should not generate a containing block for fixed positioned elements.</title>
+<link rel="author" title="Philip Rogers" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ html {
+ will-change: filter;
+ }
+ body {
+ margin: 0;
+ }
+ .hidden {
+ width: 100px;
+ height: 100px;
+ background: red;
+ margin-left: 100px;
+ margin-top: 200px;
+ }
+ .fixedpos {
+ position: fixed;
+ top: 100px;
+ left: 100px;
+ background: green;
+ height: 100px;
+ width: 100px;
+ }
+ .spacer {
+ height: 2000px;
+ }
+</style>
+<!-- This object should be fully hidden by the fixed position object. -->
+<div class="hidden"></div>
+<div class="fixedpos"></div>
+<div class="spacer"></div>
+<script>
+ window._onload_ = function() { window.scrollTo(0, 100); };
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-004-expected.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-004-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-004-expected.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,13 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<style>
+ div {
+ border: 1px solid green;
+ background: green;
+ margin-top: 100px;
+ width: 100px;
+ height: 100px;
+ }
+</style>
+<div></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-004.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-004.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-004.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,29 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: will-change: backdrop-filter should generate a containing block for fixed positioned elements.</title>
+<link rel="author" title="Philip Rogers" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ .container {
+ border: 1px solid green;
+ background: red;
+ width: 100px;
+ height: 100px;
+ margin-top: 100px;
+ will-change: backdrop-filter;
+ }
+ .fixedpos {
+ position: fixed;
+ top: 0;
+ left: 0;
+ background: green;
+ height: 100px;
+ width: 100px;
+ }
+</style>
+<div class="container">
+ <div class="fixedpos"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-005-expected.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-005-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-005-expected.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,12 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<style>
+ div {
+ background: green;
+ margin-left: 100px;
+ width: 100px;
+ height: 100px;
+ }
+</style>
+<div></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-005.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-005.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-005.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,27 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: will-change: backdrop-filter on an inline should generate a containing block for fixed positioned elements.</title>
+<link rel="author" title="Philip Rogers" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ .inline {
+ margin-left: 100px;
+ will-change: backdrop-filter;
+ }
+ .fixedpos {
+ position: fixed;
+ top: 0;
+ left: 0;
+ background: green;
+ height: 100px;
+ width: 100px;
+ }
+</style>
+<span class="inline">
+ <!-- "FAIL" should be hidden by the green box and should not be visible. -->
+ FAIL
+ <div class="fixedpos"></div>
+</span>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-006-expected.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-006-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-006-expected.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,31 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<style>
+ body {
+ margin: 0;
+ }
+ .hidden {
+ width: 100px;
+ height: 100px;
+ margin-left: 100px;
+ margin-top: 200px;
+ }
+ .fixedpos {
+ position: fixed;
+ top: 100px;
+ left: 100px;
+ background: green;
+ height: 100px;
+ width: 100px;
+ }
+ .spacer {
+ height: 2000px;
+ }
+</style>
+<div class="hidden"></div>
+<div class="fixedpos"></div>
+<div class="spacer"></div>
+<script>
+ window._onload_ = function() { window.scrollTo(0, 100); };
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-006.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-006.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-fixedpos-cb-006.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,41 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: will-change: backdrop-filter on the root should not generate a containing block for fixed positioned elements.</title>
+<link rel="author" title="Philip Rogers" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ html {
+ will-change: backdrop-filter;
+ }
+ body {
+ margin: 0;
+ }
+ .hidden {
+ width: 100px;
+ height: 100px;
+ background: red;
+ margin-left: 100px;
+ margin-top: 200px;
+ }
+ .fixedpos {
+ position: fixed;
+ top: 100px;
+ left: 100px;
+ background: green;
+ height: 100px;
+ width: 100px;
+ }
+ .spacer {
+ height: 2000px;
+ }
+</style>
+<!-- This object should be fully hidden by the fixed position object. -->
+<div class="hidden"></div>
+<div class="fixedpos"></div>
+<div class="spacer"></div>
+<script>
+ window._onload_ = function() { window.scrollTo(0, 100); };
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-inherit-dynamic-expected.txt (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-inherit-dynamic-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-inherit-dynamic-expected.txt 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,3 @@
+
+PASS will-change change is properly propagated to children if needed
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-inherit-dynamic.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-inherit-dynamic.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-inherit-dynamic.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,21 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: will-change: style changes are properly propagated to children if needed</title>
+<link rel="author" title="Emilio Cobos Álvarez" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<script src=""
+<script src=""
+<div id="outer">
+ <div id="inner" style="will-change: inherit"></div>
+</div>
+<script>
+ test(function() {
+ assert_equals(getComputedStyle(outer).willChange, "auto");
+ assert_equals(getComputedStyle(inner).willChange, "auto");
+ outer.style.willChange = "color";
+ assert_equals(getComputedStyle(outer).willChange, "color");
+ assert_equals(getComputedStyle(inner).willChange, "color");
+ }, "will-change change is properly propagated to children if needed");
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-001-expected.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-001-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-001-expected.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,11 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<style>
+ div {
+ background: green;
+ width: 100px;
+ height: 100px;
+ }
+</style>
+<div></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-001.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-001.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-001.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,36 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: will-change: filter should create a stacking context.</title>
+<link rel="author" title="Philip Rogers" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ .indicator {
+ position: absolute;
+ background-color: green;
+ z-index: 1;
+ }
+ .willchange {
+ will-change: filter;
+ z-index: 0;
+ }
+ .child {
+ position: relative;
+ background-color: red;
+ z-index: 2;
+ }
+ .box {
+ width: 100px;
+ height: 100px;
+ }
+</style>
+
+<div class="indicator box"></div>
+<div class="willchange box">
+ <!-- Because will-change: filter creates a stacking context, this child
+ remains on bottom even though it has a higher z-index than the indicator
+ box. -->
+ <div class="child box"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002-expected.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002-expected.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,11 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<style>
+ div {
+ background: green;
+ width: 100px;
+ height: 100px;
+ }
+</style>
+<div></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-002.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,36 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: will-change: backdrop-filter should create a stacking context.</title>
+<link rel="author" title="Philip Rogers" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ .indicator {
+ position: absolute;
+ background-color: green;
+ z-index: 1;
+ }
+ .willchange {
+ will-change: backdrop-filter;
+ z-index: 0;
+ }
+ .child {
+ position: relative;
+ background-color: red;
+ z-index: 2;
+ }
+ .box {
+ width: 100px;
+ height: 100px;
+ }
+</style>
+
+<div class="indicator box"></div>
+<div class="willchange box">
+ <!-- Because will-change: backdrop-filter creates a stacking context, this
+ child remains on bottom even though it has a higher z-index than the
+ indicator box. -->
+ <div class="child box"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003-expected.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003-expected.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,11 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<style>
+ div {
+ background: green;
+ width: 100px;
+ height: 100px;
+ }
+</style>
+<div></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-stacking-context-003.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,36 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: will-change: opacity should create a stacking context for inlines.</title>
+<link rel="author" title="Philip Rogers" href=""
+<link rel="help" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ .indicator {
+ position: absolute;
+ width: 100px;
+ height: 100px;
+ background: green;
+ z-index: 1;
+ }
+ .will-change-opacity {
+ will-change: opacity;
+ width: 100px;
+ height: 100px;
+ }
+ .top {
+ position: absolute;
+ width: 100px;
+ height: 100px;
+ background: red;
+ z-index: 3;
+ }
+</style>
+
+<div class="indicator"></div>
+<span class="will-change-opacity">
+ <!-- Because will-change: opacity creates a stacking context, this child
+ remains on bottom even though it has a higher z-index than the indicator
+ box. -->
+ <div class="top"></div>
+</span>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-add-content-expected.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-add-content-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-add-content-expected.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div id="target" style="width: 200px; height: 100px; will-change: transform">
+This text should be visible.
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-add-content.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-add-content.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-add-content.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href=""
+<link rel="match" href=""
+<script src=""
+<script src=""
+<div id="target" style="width: 200px; height: 100px; will-change: transform"></div>
+<script>
+waitForAtLeastOneFrame().then(() => {
+ target.textContent = 'This text should be visible.';
+ takeScreenshot();
+});
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-image-expected.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-image-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-image-expected.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<div style="padding: 100px">
+ <div style="width: 256px; height: 256px; background: lime"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-image.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-image.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-image.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,4 @@
+<!DOCTYPE html>
+<link rel="help" href=""
+<link rel="match" href=""
+<img style="padding: 100px; will-change: transform" src=""
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-zero-size-child-overflow-visible-expected.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-zero-size-child-overflow-visible-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-zero-size-child-overflow-visible-expected.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+This should be visible
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-zero-size-child-overflow-visible.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-zero-size-child-overflow-visible.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-transform-zero-size-child-overflow-visible.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<link rel="help" href=""
+<link rel="match" href=""
+<div style="will-change: transform">
+ <div style="width: 0; height: 0; overflow: visible; white-space: nowrap">This should be visible</div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-will-change-1-expected.xht (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-will-change-1-expected.xht (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-will-change-1-expected.xht 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,19 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <head>
+ <title>CSS Reftest Reference</title>
+ <link rel="author" title="Gérard Talbot" href="" />
+ <style type="text/css"><![CDATA[
+ div
+ {
+ background-color: green;
+ height: 100px;
+ width: 100px;
+ }
+ ]]></style>
+ </head>
+ <body>
+ <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+ <div></div>
+ </body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-will-change-1.html (0 => 276422)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-will-change-1.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/css/css-will-change/will-change-will-change-1.html 2021-04-22 05:12:09 UTC (rev 276422)
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<title>CSS Test: 'will-change: will-change' is invalid</title>
+<link rel="author" title="Cameron McCormack" href=""
+<link rel="help" href=""
+<link rel="match" href=""
+<meta name="assert" content="'will-change: will-change' is invalid and thus will not induce a stacking context.">
+<style>
+div { position: absolute; }
+div div { top: 0; left: 0; width: 100px; height: 100px; }
+</style>
+<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
+<div>
+ <div style="will-change: will-change;">
+ <div style="background-color: green; z-index: 2;"></div>
+ </div>
+ <div style="background-color: red; z-index: 1;"></div>
+</div>
