| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| <div id="test1" style="font-synthesis: weight;"></div> |
| <div id="test2" style="font-synthesis: small-caps;"></div> |
| <div id="test3" style="font-synthesis: none;"></div> |
| <div id="test4" style="font-synthesis: garbage;"></div> |
| <div id="test5" style="font-synthesis: initial;"></div> |
| <div id="test6" style="font-synthesis: style small-caps;"></div> |
| <div id="test7" style="font-synthesis: small-caps style;"></div> |
| <script> |
| shouldBeTrue("CSS.supports('font-synthesis', 'small-caps')"); |
| shouldBeEqualToString("window.getComputedStyle(document.getElementById('test1')).fontSynthesis", "weight"); |
| shouldBeEqualToString("window.getComputedStyle(document.getElementById('test2')).fontSynthesis", "small-caps"); |
| shouldBeEqualToString("window.getComputedStyle(document.getElementById('test3')).fontSynthesis", "none"); |
| shouldBeEqualToString("window.getComputedStyle(document.getElementById('test4')).fontSynthesis", "weight style small-caps"); |
| shouldBeEqualToString("window.getComputedStyle(document.getElementById('test5')).fontSynthesis", "weight style small-caps"); |
| shouldBeEqualToString("window.getComputedStyle(document.getElementById('test6')).fontSynthesis", "style small-caps"); |
| shouldBeEqualToString("window.getComputedStyle(document.getElementById('test7')).fontSynthesis", "style small-caps"); |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
