Bug 1947251 [wpt PR 50612] - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=287415, a=testonly

Automatic update from web-platform-tests
WebKit export of https://bugs.webkit.org/show_bug.cgi?id=287415 (#50612)

--

wpt-commits: 26b440ee857315fcef02338ccebef82b1e6300a2
wpt-pr: 50612

Author: graouts

testing/web-platform/tests/scroll-animations/css/timeline-scope-computed.tentative.html

@@ -5,22 +5,22 @@
 <script src="/css/support/computed-testcommon.js"></script>
 </head>
 <style>
-  #outer { timeline-scope: foo; }
-  #target { timeline-scope: bar; }
+  #outer { timeline-scope: --foo; }
+  #target { timeline-scope: --bar; }
 </style>
 <div id="outer">
   <div id="target"></div>
 </div>
 <script>
 test_computed_value('timeline-scope', 'initial', 'none');
-test_computed_value('timeline-scope', 'inherit', 'foo');
+test_computed_value('timeline-scope', 'inherit', '--foo');
 test_computed_value('timeline-scope', 'unset', 'none');
 test_computed_value('timeline-scope', 'revert', 'none');
 test_computed_value('timeline-scope', 'none');
-test_computed_value('timeline-scope', 'test');
-test_computed_value('timeline-scope', 'foo, bar');
-test_computed_value('timeline-scope', 'bar, foo');
-test_computed_value('timeline-scope', 'a, b, c, D, e');
+test_computed_value('timeline-scope', '--test');
+test_computed_value('timeline-scope', '--foo, --bar');
+test_computed_value('timeline-scope', '--bar, --foo');
+test_computed_value('timeline-scope', '--a, --b, --c, --D, --e');
 
 test(() => {
   let style = getComputedStyle(document.getElementById('target'));

testing/web-platform/tests/scroll-animations/css/timeline-scope-parsing.tentative.html

@@ -12,18 +12,24 @@
 test_valid_value('timeline-scope', 'revert');
 
 test_valid_value('timeline-scope', 'none');
-test_valid_value('timeline-scope', 'abc');
-test_valid_value('timeline-scope', '  abc', 'abc');
-test_valid_value('timeline-scope', 'aBc');
-test_valid_value('timeline-scope', 'foo, bar');
-test_valid_value('timeline-scope', 'bar, foo');
-test_valid_value('timeline-scope', 'auto');
+test_valid_value('timeline-scope', '--abc');
+test_valid_value('timeline-scope', '  --abc', '--abc');
+test_valid_value('timeline-scope', '--aBc');
+test_valid_value('timeline-scope', '--foo, --bar');
+test_valid_value('timeline-scope', '--bar, --foo');
+test_valid_value('timeline-scope', '--auto');
 
 test_invalid_value('timeline-scope', 'none, abc');
 test_invalid_value('timeline-scope', '10px');
 test_invalid_value('timeline-scope', 'foo bar');
 test_invalid_value('timeline-scope', '"foo" "bar"');
 test_invalid_value('timeline-scope', 'rgb(1, 2, 3)');
 test_invalid_value('timeline-scope', '#fefefe');
+test_invalid_value('timeline-scope', 'abc');
+test_invalid_value('timeline-scope', '  abc', 'abc');
+test_invalid_value('timeline-scope', 'aBc');
+test_invalid_value('timeline-scope', 'foo, bar');
+test_invalid_value('timeline-scope', 'bar, foo');
+test_invalid_value('timeline-scope', 'auto');
 
 </script>