commit 2dbe591ab358da3dd2e4781aa50711f82c3231d3
author Mehdi Kazemi <mehdika@chromium.org> Wed Jan 04 22:53:31 2023
committer Blink WPT Bot <blink-w3c-test-autoroller@chromium.org> Wed Jan 04 23:04:37 2023
tree 6decc0fc439e02650028b66ed94aae2ecae9876a
parent cc71e67f2ef9fe509584af9ae306e44006432d6f

Parse inset in anonymous view-timeline aka view()

Bug: 1393087
Change-Id: Ib1ee76571050ac2baf759477e4f4ef70417506dd
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/4117594
Reviewed-by: Anders Hartvoll Ruud <andruud@chromium.org>
Commit-Queue: Mehdi Kazemi <mehdika@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1088991}

scroll-animations/css/animation-timeline-computed.html

diff --git a/scroll-animations/css/animation-timeline-computed.html b/scroll-animations/css/animation-timeline-computed.html
index a77233a..5789417 100644
--- a/scroll-animations/css/animation-timeline-computed.html
+++ b/scroll-animations/css/animation-timeline-computed.html
@@ -62,8 +62,13 @@
 // https://drafts.csswg.org/scroll-animations-1/#view-notation
 test_computed_value('animation-timeline', 'view()');
 test_computed_value('animation-timeline', 'view(block)', 'view()');
-test_computed_value('animation-timeline', 'view(inline)');
-test_computed_value('animation-timeline', 'view(horizontal)');
-test_computed_value('animation-timeline', 'view(vertical)');
+test_computed_value('animation-timeline', 'view(inline)', 'view(inline)');
+test_computed_value('animation-timeline', 'view(horizontal)', 'view(horizontal)');
+test_computed_value('animation-timeline', 'view(vertical)', 'view(vertical)');
+test_computed_value('animation-timeline', 'view(vertical 1px)');
+test_computed_value('animation-timeline', 'view(vertical 1px auto)');
+test_computed_value('animation-timeline', 'view(1px vertical)', 'view(vertical 1px)');
+test_computed_value('animation-timeline', 'view(vertical auto)', 'view(vertical)');
+test_computed_value('animation-timeline', 'view(vertical auto auto)', 'view(vertical)');
 
 </script>

scroll-animations/css/animation-timeline-parsing.html

diff --git a/scroll-animations/css/animation-timeline-parsing.html b/scroll-animations/css/animation-timeline-parsing.html
index dc22778..1a30f11 100644
--- a/scroll-animations/css/animation-timeline-parsing.html
+++ b/scroll-animations/css/animation-timeline-parsing.html
@@ -56,13 +56,31 @@
 test_invalid_value('animation-timeline', 'scroll(vertical abc)');
 test_invalid_value('animation-timeline', 'scroll("string")');
 
-// https://drafts.csswg.org/scroll-animations-1/#scroll-notation
+// https://drafts.csswg.org/scroll-animations-1/#view-notation
 test_valid_value('animation-timeline', 'view()');
 test_valid_value('animation-timeline', 'view(block)', 'view()');
 test_valid_value('animation-timeline', 'view(inline)');
 test_valid_value('animation-timeline', 'view(horizontal)');
 test_valid_value('animation-timeline', 'view(vertical)');
+test_valid_value('animation-timeline', 'view(vertical 1px 2px)');
+test_valid_value('animation-timeline', 'view(vertical 1px)');
+test_valid_value('animation-timeline', 'view(vertical auto)', 'view(vertical)');
+test_valid_value('animation-timeline', 'view(vertical auto auto)', 'view(vertical)');
+test_valid_value('animation-timeline', 'view(vertical auto 1px)');
+test_valid_value('animation-timeline', 'view(1px 2px vertical)', 'view(vertical 1px 2px)');
+test_valid_value('animation-timeline', 'view(1px vertical)', 'view(vertical 1px)');
+test_valid_value('animation-timeline', 'view(auto horizontal)', 'view(horizontal)');
+test_valid_value('animation-timeline', 'view(1px 2px)');
+test_valid_value('animation-timeline', 'view(1px)');
+test_valid_value('animation-timeline', 'view(1px 1px)', 'view(1px)');
+test_valid_value('animation-timeline', 'view(1px auto)');
+test_valid_value('animation-timeline', 'view(auto calc(1% + 1px))');
+test_valid_value('animation-timeline', 'view(auto)', 'view()');
+test_valid_value('animation-timeline', 'view(auto auto)', 'view()');
 
+test_invalid_value('animation-timeline', 'view(vertical 1px 2px 3px)');
+test_invalid_value('animation-timeline', 'view(1px vertical 3px)');
+test_invalid_value('animation-timeline', 'view(1px 2px 3px)');
 test_invalid_value('animation-timeline', 'view(abc block)');
 test_invalid_value('animation-timeline', 'view(abc)');
 test_invalid_value('animation-timeline', 'view(vertical abc)');