textIndent.html (2066B)
1 <!DOCTYPE html> 2 <script src="/resources/testharness.js"></script> 3 <script src="/resources/testharnessreport.js"></script> 4 <div id='container'> 5 <div id='element'></div> 6 </div> 7 <script> 8 9 var container = document.getElementById('container'); 10 var element = document.getElementById('element'); 11 12 test(function() { 13 container.style.fontSize = '10px'; 14 15 var keyframes = [ 16 {textIndent: '10em hanging'}, 17 {textIndent: '10em hanging'} 18 ]; 19 var player = element.animate(keyframes, 10); 20 player.pause(); 21 player.currentTime = 5; 22 23 var textIndent = getComputedStyle(element).textIndent; 24 container.style.fontSize = '20px'; 25 assert_not_equals(getComputedStyle(element).textIndent, textIndent); 26 }, 'textIndent responsive to style changes'); 27 28 test(function() { 29 var keyframes = [ 30 {textIndent: 'inherit'}, 31 {textIndent: '200px hanging each-line'} 32 ]; 33 34 container.style.textIndent = '100px hanging each-line'; 35 var player = element.animate(keyframes, 10); 36 37 player.pause(); 38 player.currentTime = 5; 39 assert_equals(getComputedStyle(element).textIndent, '150px hanging each-line'); 40 41 container.style.textIndent = '400px hanging'; 42 assert_equals(getComputedStyle(element).textIndent, '200px hanging each-line'); 43 44 container.style.textIndent = '400px hanging each-line'; 45 assert_equals(getComputedStyle(element).textIndent, '300px hanging each-line'); 46 47 container.style.textIndent = '800px hanging each-line'; 48 assert_equals(getComputedStyle(element).textIndent, '500px hanging each-line'); 49 50 container.style.textIndent = '400px each-line'; 51 assert_equals(getComputedStyle(element).textIndent, '200px hanging each-line'); 52 53 container.style.textIndent = '800px hanging each-line'; 54 assert_equals(getComputedStyle(element).textIndent, '500px hanging each-line'); 55 56 container.style.textIndent = '400px hanging each-line'; 57 assert_equals(getComputedStyle(element).textIndent, '300px hanging each-line'); 58 }, 'textIndent responsive to inherited textIndent changes'); 59 </script>