timeline-trigger-exit-range-start-computed.tentative.html (2498B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-animations-2/#animation-trigger"> 3 <script src="/resources/testharness.js"></script> 4 <script src="/resources/testharnessreport.js"></script> 5 <script src="/css/support/computed-testcommon.js"></script> 6 <div id="target" style="font-size:10px;"></div> 7 <script> 8 test_computed_value("timeline-trigger-exit-range-start", "initial", "auto"); 9 test_computed_value("timeline-trigger-exit-range-start", "auto"); 10 test_computed_value("timeline-trigger-exit-range-start", "normal"); 11 test_computed_value("timeline-trigger-exit-range-start", "cover 0%", "cover"); 12 test_computed_value("timeline-trigger-exit-range-start", "cover 100%"); 13 test_computed_value("timeline-trigger-exit-range-start", "COVER 0%", "cover"); 14 test_computed_value("timeline-trigger-exit-range-start", "COVER 100%", "cover 100%"); 15 test_computed_value("timeline-trigger-exit-range-start", "cover 120%"); 16 test_computed_value("timeline-trigger-exit-range-start", "cover 42%"); 17 test_computed_value("timeline-trigger-exit-range-start", "0", "0px"); 18 test_computed_value("timeline-trigger-exit-range-start", "120%"); 19 test_computed_value("timeline-trigger-exit-range-start", "120px"); 20 test_computed_value("timeline-trigger-exit-range-start", "cover -42%"); 21 test_computed_value("timeline-trigger-exit-range-start", "contain 42%"); 22 test_computed_value("timeline-trigger-exit-range-start", "exit 42%"); 23 test_computed_value("timeline-trigger-exit-range-start", "exit calc(41% + 1%)", "exit 42%"); 24 test_computed_value("timeline-trigger-exit-range-start", "exit 1%, cover 2%, contain 0%", "exit 1%, cover 2%, contain"); 25 test_computed_value("timeline-trigger-exit-range-start", "exit 1%, cover 2%, contain 100%"); 26 test_computed_value("timeline-trigger-exit-range-start", "exit-crossing 42%"); 27 test_computed_value("timeline-trigger-exit-range-start", "entry 42px"); 28 test_computed_value("timeline-trigger-exit-range-start", "entry-crossing 42px"); 29 test_computed_value("timeline-trigger-exit-range-start", "contain calc(10% + 10px)"); 30 test_computed_value("timeline-trigger-exit-range-start", "entry 1em", "entry 10px"); 31 test_computed_value("timeline-trigger-exit-range-start", "exit calc(1em + 10px)", "exit 20px"); 32 test_computed_value("timeline-trigger-exit-range-start", "cover"); 33 test_computed_value("timeline-trigger-exit-range-start", "contain"); 34 test_computed_value("timeline-trigger-exit-range-start", "entry"); 35 test_computed_value("timeline-trigger-exit-range-start", "exit"); 36 </script>