content-visibility-interpolation.html (1986B)
1 <!DOCTYPE html> 2 <link rel=author href="mailto:jarhar@chromium.org"> 3 <link rel=help href="https://github.com/w3c/csswg-drafts/issues/6429"> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="/css/support/interpolation-testcommon.js"></script> 7 8 <body> 9 <script> 10 const alwaysVisible = [ 11 {at: -1, expect: 'visible'}, 12 {at: 0, expect: 'visible'}, 13 {at: 0.1, expect: 'visible'}, 14 {at: 0.9, expect: 'visible'}, 15 {at: 1, expect: 'visible'}, 16 {at: 1.5, expect: 'visible'}, 17 ]; 18 const alwaysHidden = [ 19 {at: -1, expect: 'hidden'}, 20 {at: 0, expect: 'hidden'}, 21 {at: 0.1, expect: 'hidden'}, 22 {at: 0.9, expect: 'hidden'}, 23 {at: 1, expect: 'hidden'}, 24 {at: 1.5, expect: 'hidden'}, 25 ]; 26 27 test_interpolation({ 28 property: 'content-visibility', 29 behavior: 'allow-discrete', 30 from: 'visible', 31 to: 'hidden', 32 }, [ 33 {at: -1, expect: 'visible'}, 34 {at: 0, expect: 'visible'}, 35 {at: 0.1, expect: 'visible'}, 36 {at: 0.9, expect: 'visible'}, 37 {at: 1, expect: 'hidden'}, 38 {at: 1.5, expect: 'hidden'}, 39 ]); 40 41 test_interpolation({ 42 property: 'content-visibility', 43 behavior: 'allow-discrete', 44 from: 'hidden', 45 to: 'visible', 46 }, [ 47 {at: -1, expect: 'hidden'}, 48 {at: 0, expect: 'hidden'}, 49 {at: 0.1, expect: 'visible'}, 50 {at: 0.9, expect: 'visible'}, 51 {at: 1, expect: 'visible'}, 52 {at: 1.5, expect: 'visible'}, 53 ]); 54 55 test_no_interpolation({ 56 property: 'content-visibility', 57 from: 'auto', 58 to: 'visible' 59 }); 60 61 test_interpolation({ 62 property: 'content-visibility', 63 from: 'visible', 64 to: 'visible' 65 }, [ 66 {at: -1, expect: 'visible'}, 67 {at: 0, expect: 'visible'}, 68 {at: 0.5, expect: 'visible'}, 69 {at: 1, expect: 'visible'}, 70 {at: 1.5, expect: 'visible'}, 71 ]); 72 73 test_interpolation({ 74 property: 'content-visibility', 75 from: 'hidden', 76 to: 'hidden' 77 }, [ 78 {at: -1, expect: 'hidden'}, 79 {at: 0, expect: 'hidden'}, 80 {at: 0.5, expect: 'hidden'}, 81 {at: 1, expect: 'hidden'}, 82 {at: 1.5, expect: 'hidden'}, 83 ]); 84 </script>