| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <script src="../../resources/testharness.js"></script> | 2 <script src="../../resources/testharness.js"></script> |
| 3 <script src="../../resources/testharnessreport.js"></script> | 3 <script src="../../resources/testharnessreport.js"></script> |
| 4 <style> | 4 <style> |
| 5 #target::first-letter {} | 5 #target::first-letter {} |
| 6 #target { visibility: hidden; } | 6 #target { visibility: hidden; } |
| 7 </style> | 7 </style> |
| 8 <div id="target">text</div> | 8 <div id="target">text</div> |
| 9 <script> | 9 <script> |
| 10 'use strict'; | 10 'use strict'; |
| (...skipping 16 matching lines...) Expand all Loading... |
| 27 backgroundOrigin: 'border-box', | 27 backgroundOrigin: 'border-box', |
| 28 backgroundPosition: 'left 10px top 20px', | 28 backgroundPosition: 'left 10px top 20px', |
| 29 backgroundRepeat: 'no-repeat', | 29 backgroundRepeat: 'no-repeat', |
| 30 backgroundSize: '10px 20px', | 30 backgroundSize: '10px 20px', |
| 31 border: '40px dotted rgb(10, 20, 30)', | 31 border: '40px dotted rgb(10, 20, 30)', |
| 32 borderImage: 'linear-gradient(black, white) 10% / 20 / 30px repeat', | 32 borderImage: 'linear-gradient(black, white) 10% / 20 / 30px repeat', |
| 33 borderRadius: '10px 20px', | 33 borderRadius: '10px 20px', |
| 34 boxShadow: 'rgb(10, 20, 30) 10px 20px 30px 40px inset', | 34 boxShadow: 'rgb(10, 20, 30) 10px 20px 30px 40px inset', |
| 35 color: 'rgba(10, 20, 30, 0.4)', | 35 color: 'rgba(10, 20, 30, 0.4)', |
| 36 float: 'right', | 36 float: 'right', |
| 37 font: 'italic small-caps 900 10px/20px sans-serif', | 37 font: 'italic small-caps 900 normal 10px/20px sans-serif', |
| 38 fontKerning: 'none', | 38 fontKerning: 'none', |
| 39 letterSpacing: '12px', | 39 letterSpacing: '12px', |
| 40 margin: '10px 20px 30px 40px', | 40 margin: '10px 20px 30px 40px', |
| 41 padding: '10px 20px 30px 40px', | 41 padding: '10px 20px 30px 40px', |
| 42 textDecoration: 'overline wavy rgb(10, 20, 30)', | 42 textDecoration: 'overline wavy rgb(10, 20, 30)', |
| 43 textShadow: 'rgb(10, 20, 30) 10px 20px 30px', | 43 textShadow: 'rgb(10, 20, 30) 10px 20px 30px', |
| 44 textTransform: 'capitalize', | 44 textTransform: 'capitalize', |
| 45 verticalAlign: '12%', | 45 verticalAlign: '12%', |
| 46 webkitBackgroundComposite: 'xor', | 46 webkitBackgroundComposite: 'xor', |
| 47 webkitBorderFit: 'lines', | 47 webkitBorderFit: 'lines', |
| (...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 85 var computedStyle = getComputedStyle(target, 'first-letter'); | 85 var computedStyle = getComputedStyle(target, 'first-letter'); |
| 86 var defaultComputedStyle = getComputedStyle(target); | 86 var defaultComputedStyle = getComputedStyle(target); |
| 87 for (var property in testCases) { | 87 for (var property in testCases) { |
| 88 assert_equals(computedStyle[property], defaultComputedStyle[property], p
roperty + ' property'); | 88 assert_equals(computedStyle[property], defaultComputedStyle[property], p
roperty + ' property'); |
| 89 } | 89 } |
| 90 }); | 90 }); |
| 91 testHandle.done(); | 91 testHandle.done(); |
| 92 }); | 92 }); |
| 93 }, 'Non-whitelisted properties should not get applied to first-letter pseudo ele
ments.'); | 93 }, 'Non-whitelisted properties should not get applied to first-letter pseudo ele
ments.'); |
| 94 </script> | 94 </script> |
| OLD | NEW |