timeline-trigger-exit-range-end-valid.tentative.html (2132B)
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/parsing-testcommon.js"></script> 6 <script> 7 // 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"); 33 </script>