Anders Hartvoll Ruud
20acf2fc39
Automatic update from web-platform-tests [ident] Support ident() in timeline names The scroll-timeline-name, view-timeline-name, and timeline-scope properties were already working, but animation-timeline needed a call CSSCustomIdentValue::ComputeIdent() rather than CSSCustomIdentValue::Value(). Bug: 384930424 Change-Id: I39c3d85de8fc788369d5e669d8de238771f21c8e Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6573576 Commit-Queue: Anders Hartvoll Ruud <andruud@chromium.org> Reviewed-by: Rune Lillesveen <futhark@chromium.org> Cr-Commit-Position: refs/heads/main@{#1463417} -- wpt-commits: c8e57122bcfada944fb227a31f7e4967d358c827 wpt-pr: 52692 Differential Revision: https://phabricator.services.mozilla.com/D250972
41 lines
2.0 KiB
HTML
41 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<title>Scroll-Driven Animations: The ident() function </title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-values-5/#ident">
|
|
<link rel="help" href="https://drafts.csswg.org/scroll-animations">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/css/support/computed-testcommon.js"></script>
|
|
<div id=target></div>
|
|
<script>
|
|
let actual_ident = 'ident("--myident" calc(42 * sign(1em - 1px)))';
|
|
let expected_ident = '--myident42';
|
|
|
|
// https://drafts.csswg.org/css-animations-2/#propdef-animation-timeline
|
|
test_computed_value('animation-timeline', actual_ident, expected_ident);
|
|
test_computed_value('animation-timeline', `--tl, scroll(), ${actual_ident}`,
|
|
`--tl, scroll(), ${expected_ident}`);
|
|
test_computed_value('animation-timeline', `${actual_ident}, ${actual_ident}`,
|
|
`${expected_ident}, ${expected_ident}`);
|
|
|
|
// https://drafts.csswg.org/scroll-animations/#scroll-timeline-name
|
|
test_computed_value('scroll-timeline-name', actual_ident, expected_ident);
|
|
test_computed_value('scroll-timeline-name', `--tl, ${actual_ident}`,
|
|
`--tl, ${expected_ident}`);
|
|
test_computed_value('scroll-timeline-name', `${actual_ident}, ${actual_ident}`,
|
|
`${expected_ident}, ${expected_ident}`);
|
|
|
|
// https://drafts.csswg.org/scroll-animations-1/#timeline-scope
|
|
test_computed_value('timeline-scope', actual_ident, expected_ident);
|
|
test_computed_value('timeline-scope', `--tl, ${actual_ident}`,
|
|
`--tl, ${expected_ident}`);
|
|
test_computed_value('timeline-scope', `${actual_ident}, ${actual_ident}`,
|
|
`${expected_ident}, ${expected_ident}`);
|
|
|
|
// https://drafts.csswg.org/scroll-animations/#view-timeline-name
|
|
test_computed_value('view-timeline-name', actual_ident, expected_ident);
|
|
test_computed_value('view-timeline-name', `--tl, ${actual_ident}`,
|
|
`--tl, ${expected_ident}`);
|
|
test_computed_value('view-timeline-name', `${actual_ident}, ${actual_ident}`,
|
|
`${expected_ident}, ${expected_ident}`);
|
|
</script>
|