Skip to content

Commit 2a9061a

Browse files
DavMilachromium-wpt-export-bot
DavMila
authored and
chromium-wpt-export-bot
committed
[animation-trigger] Rename timeline-trigger ranges
This renames the range longhands of timeline-trigger according to the CSS resolution[1]. [1] w3c/csswg-drafts#13174 Bug: 390314945 Change-Id: If9eeea90edb284a543a05afb2934d65ae7b06c25 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7361876 Commit-Queue: David Awogbemila <[email protected]> Reviewed-by: Kevin Ellis <[email protected]> Reviewed-by: David Awogbemila <[email protected]> Cr-Commit-Position: refs/heads/main@{#1566516}
1 parent d9a6de9 commit 2a9061a

15 files changed

+629
-630
lines changed

‎scroll-animations/animation-trigger/parsing/timeline-trigger-exit-range-end-invalid.tentative.html‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,18 @@
44
<script src="/resources/testharnessreport.js"></script>
55
<script src="/css/support/parsing-testcommon.js"></script>
66
<script>
7-
test_invalid_value("timeline-trigger-exit-range-end", "infinite");
8-
test_invalid_value("timeline-trigger-exit-range-end", "1s 2s");
9-
test_invalid_value("timeline-trigger-exit-range-end", "1s / 2s");
7+
test_invalid_value("timeline-trigger-active-range-end", "infinite");
8+
test_invalid_value("timeline-trigger-active-range-end", "1s 2s");
9+
test_invalid_value("timeline-trigger-active-range-end", "1s / 2s");
1010

11-
test_invalid_value("timeline-trigger-exit-range-end", "peek 50%");
12-
test_invalid_value("timeline-trigger-exit-range-end", "50% contain");
13-
test_invalid_value("timeline-trigger-exit-range-end", "50% cover");
14-
test_invalid_value("timeline-trigger-exit-range-end", "50% entry");
15-
test_invalid_value("timeline-trigger-exit-range-end", "50% enter");
16-
test_invalid_value("timeline-trigger-exit-range-end", "50% exit");
17-
test_invalid_value("timeline-trigger-exit-range-end", "contain contain");
18-
test_invalid_value("timeline-trigger-exit-range-end", "none");
19-
test_invalid_value("timeline-trigger-exit-range-end", "cover 50% enter 50%");
20-
test_invalid_value("timeline-trigger-exit-range-end", "auto contain");
11+
test_invalid_value("timeline-trigger-active-range-end", "peek 50%");
12+
test_invalid_value("timeline-trigger-active-range-end", "50% contain");
13+
test_invalid_value("timeline-trigger-active-range-end", "50% cover");
14+
test_invalid_value("timeline-trigger-active-range-end", "50% entry");
15+
test_invalid_value("timeline-trigger-active-range-end", "50% enter");
16+
test_invalid_value("timeline-trigger-active-range-end", "50% exit");
17+
test_invalid_value("timeline-trigger-active-range-end", "contain contain");
18+
test_invalid_value("timeline-trigger-active-range-end", "none");
19+
test_invalid_value("timeline-trigger-active-range-end", "cover 50% enter 50%");
20+
test_invalid_value("timeline-trigger-active-range-end", "auto contain");
2121
</script>

‎scroll-animations/animation-trigger/parsing/timeline-trigger-exit-range-end-valid.tentative.html‎

Lines changed: 25 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -5,29 +5,29 @@
55
<script src="/css/support/parsing-testcommon.js"></script>
66
<script>
77
// https://drafts.csswg.org/scroll-animations-1/#view-timelines-ranges
8-
test_valid_value("timeline-trigger-exit-range-end", "auto");
9-
test_valid_value("timeline-trigger-exit-range-end", "normal");
10-
test_valid_value("timeline-trigger-exit-range-end", "cover 0%");
11-
test_valid_value("timeline-trigger-exit-range-end", "cover 100%", "cover");
12-
test_valid_value("timeline-trigger-exit-range-end", "cover 120%");
13-
test_valid_value("timeline-trigger-exit-range-end", "cover 42%");
14-
test_valid_value("timeline-trigger-exit-range-end", "0", "0px");
15-
test_valid_value("timeline-trigger-exit-range-end", "120%");
16-
test_valid_value("timeline-trigger-exit-range-end", "120px");
17-
test_valid_value("timeline-trigger-exit-range-end", "cover -42%");
18-
test_valid_value("timeline-trigger-exit-range-end", "contain 42%");
19-
test_valid_value("timeline-trigger-exit-range-end", "exit 42%");
20-
test_valid_value("timeline-trigger-exit-range-end", "exit 1%, cover 2%, contain 0%");
21-
test_valid_value("timeline-trigger-exit-range-end", "exit 1%, cover 2%, contain 100%", "exit 1%, cover 2%, contain");
22-
test_valid_value("timeline-trigger-exit-range-end", "exit-crossing 42%");
23-
test_valid_value("timeline-trigger-exit-range-end", "entry 42px");
24-
test_valid_value("timeline-trigger-exit-range-end", "entry-crossing 42px");
25-
test_valid_value("timeline-trigger-exit-range-end", "contain calc(10px + 10%)", "contain calc(10% + 10px)");
26-
test_valid_value("timeline-trigger-exit-range-end", "entry 1em");
27-
test_valid_value("timeline-trigger-exit-range-end", "exit calc(1em + 10px)");
28-
test_valid_value("timeline-trigger-exit-range-end", "entry 42%");
29-
test_valid_value("timeline-trigger-exit-range-end", "cover");
30-
test_valid_value("timeline-trigger-exit-range-end", "contain");
31-
test_valid_value("timeline-trigger-exit-range-end", "entry");
32-
test_valid_value("timeline-trigger-exit-range-end", "exit");
8+
test_valid_value("timeline-trigger-active-range-end", "auto");
9+
test_valid_value("timeline-trigger-active-range-end", "normal");
10+
test_valid_value("timeline-trigger-active-range-end", "cover 0%");
11+
test_valid_value("timeline-trigger-active-range-end", "cover 100%", "cover");
12+
test_valid_value("timeline-trigger-active-range-end", "cover 120%");
13+
test_valid_value("timeline-trigger-active-range-end", "cover 42%");
14+
test_valid_value("timeline-trigger-active-range-end", "0", "0px");
15+
test_valid_value("timeline-trigger-active-range-end", "120%");
16+
test_valid_value("timeline-trigger-active-range-end", "120px");
17+
test_valid_value("timeline-trigger-active-range-end", "cover -42%");
18+
test_valid_value("timeline-trigger-active-range-end", "contain 42%");
19+
test_valid_value("timeline-trigger-active-range-end", "exit 42%");
20+
test_valid_value("timeline-trigger-active-range-end", "exit 1%, cover 2%, contain 0%");
21+
test_valid_value("timeline-trigger-active-range-end", "exit 1%, cover 2%, contain 100%", "exit 1%, cover 2%, contain");
22+
test_valid_value("timeline-trigger-active-range-end", "exit-crossing 42%");
23+
test_valid_value("timeline-trigger-active-range-end", "entry 42px");
24+
test_valid_value("timeline-trigger-active-range-end", "entry-crossing 42px");
25+
test_valid_value("timeline-trigger-active-range-end", "contain calc(10px + 10%)", "contain calc(10% + 10px)");
26+
test_valid_value("timeline-trigger-active-range-end", "entry 1em");
27+
test_valid_value("timeline-trigger-active-range-end", "exit calc(1em + 10px)");
28+
test_valid_value("timeline-trigger-active-range-end", "entry 42%");
29+
test_valid_value("timeline-trigger-active-range-end", "cover");
30+
test_valid_value("timeline-trigger-active-range-end", "contain");
31+
test_valid_value("timeline-trigger-active-range-end", "entry");
32+
test_valid_value("timeline-trigger-active-range-end", "exit");
3333
</script>

‎scroll-animations/animation-trigger/parsing/timeline-trigger-exit-range-end.computed.tentative.html‎

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -5,33 +5,33 @@
55
<script src="/css/support/computed-testcommon.js"></script>
66
<div id="target" style="font-size:10px;"></div>
77
<script>
8-
test_computed_value("timeline-trigger-exit-range-end", "initial", "auto");
9-
test_computed_value("timeline-trigger-exit-range-end", "auto");
10-
test_computed_value("timeline-trigger-exit-range-end", "normal");
11-
test_computed_value("timeline-trigger-exit-range-end", "cover 0%");
12-
test_computed_value("timeline-trigger-exit-range-end", "cover 100%", "cover");
13-
test_computed_value("timeline-trigger-exit-range-end", "COVER 0%", "cover 0%");
14-
test_computed_value("timeline-trigger-exit-range-end", "COVER 100%", "cover");
15-
test_computed_value("timeline-trigger-exit-range-end", "cover 120%");
16-
test_computed_value("timeline-trigger-exit-range-end", "0", "0px");
17-
test_computed_value("timeline-trigger-exit-range-end", "120%");
18-
test_computed_value("timeline-trigger-exit-range-end", "120px");
19-
test_computed_value("timeline-trigger-exit-range-end", "cover 42%");
20-
test_computed_value("timeline-trigger-exit-range-end", "cover -42%");
21-
test_computed_value("timeline-trigger-exit-range-end", "contain 42%");
22-
test_computed_value("timeline-trigger-exit-range-end", "exit 42%");
23-
test_computed_value("timeline-trigger-exit-range-end", "exit calc(41% + 1%)", "exit 42%");
24-
test_computed_value("timeline-trigger-exit-range-end", "exit-crossing 42%");
25-
test_computed_value("timeline-trigger-exit-range-end", "exit 1%, cover 2%, contain 0%");
26-
test_computed_value("timeline-trigger-exit-range-end", "exit 1%, cover 2%, contain 100%", "exit 1%, cover 2%, contain");
27-
test_computed_value("timeline-trigger-exit-range-end", "entry 42px");
28-
test_computed_value("timeline-trigger-exit-range-end", "entry-crossing 42px");
8+
test_computed_value("timeline-trigger-active-range-end", "initial", "auto");
9+
test_computed_value("timeline-trigger-active-range-end", "auto");
10+
test_computed_value("timeline-trigger-active-range-end", "normal");
11+
test_computed_value("timeline-trigger-active-range-end", "cover 0%");
12+
test_computed_value("timeline-trigger-active-range-end", "cover 100%", "cover");
13+
test_computed_value("timeline-trigger-active-range-end", "COVER 0%", "cover 0%");
14+
test_computed_value("timeline-trigger-active-range-end", "COVER 100%", "cover");
15+
test_computed_value("timeline-trigger-active-range-end", "cover 120%");
16+
test_computed_value("timeline-trigger-active-range-end", "0", "0px");
17+
test_computed_value("timeline-trigger-active-range-end", "120%");
18+
test_computed_value("timeline-trigger-active-range-end", "120px");
19+
test_computed_value("timeline-trigger-active-range-end", "cover 42%");
20+
test_computed_value("timeline-trigger-active-range-end", "cover -42%");
21+
test_computed_value("timeline-trigger-active-range-end", "contain 42%");
22+
test_computed_value("timeline-trigger-active-range-end", "exit 42%");
23+
test_computed_value("timeline-trigger-active-range-end", "exit calc(41% + 1%)", "exit 42%");
24+
test_computed_value("timeline-trigger-active-range-end", "exit-crossing 42%");
25+
test_computed_value("timeline-trigger-active-range-end", "exit 1%, cover 2%, contain 0%");
26+
test_computed_value("timeline-trigger-active-range-end", "exit 1%, cover 2%, contain 100%", "exit 1%, cover 2%, contain");
27+
test_computed_value("timeline-trigger-active-range-end", "entry 42px");
28+
test_computed_value("timeline-trigger-active-range-end", "entry-crossing 42px");
2929

30-
test_computed_value("timeline-trigger-exit-range-end", "contain calc(10% + 10px)");
31-
test_computed_value("timeline-trigger-exit-range-end", "entry 1em", "entry 10px");
32-
test_computed_value("timeline-trigger-exit-range-end", "exit calc(1em + 10px)", "exit 20px");
33-
test_computed_value("timeline-trigger-exit-range-end", "cover");
34-
test_computed_value("timeline-trigger-exit-range-end", "contain");
35-
test_computed_value("timeline-trigger-exit-range-end", "entry");
36-
test_computed_value("timeline-trigger-exit-range-end", "exit");
30+
test_computed_value("timeline-trigger-active-range-end", "contain calc(10% + 10px)");
31+
test_computed_value("timeline-trigger-active-range-end", "entry 1em", "entry 10px");
32+
test_computed_value("timeline-trigger-active-range-end", "exit calc(1em + 10px)", "exit 20px");
33+
test_computed_value("timeline-trigger-active-range-end", "cover");
34+
test_computed_value("timeline-trigger-active-range-end", "contain");
35+
test_computed_value("timeline-trigger-active-range-end", "entry");
36+
test_computed_value("timeline-trigger-active-range-end", "exit");
3737
</script>

0 commit comments

Comments
 (0)