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 |