Index: trunk/LayoutTests/fast/css3-text/font-stretch.html |
=================================================================== |
--- trunk/LayoutTests/fast/css3-text/font-stretch.html (revision 169272) |
+++ trunk/LayoutTests/fast/css3-text/font-stretch.html (working copy) |
@@ -1,80 +0,0 @@ |
-<!DOCTYPE html> |
-<html> |
- <head> |
- <style> |
- #test { |
- font-family: arial; |
- } |
- #test > div > span, #test > header > span { |
- display: inline-block; |
- width: 20ex; |
- } |
- #test > header { |
- font-weight: bold; |
- border-bottom: 1px solid black; |
- } |
- </style> |
- </head> |
- <body> |
- <section id="test"> |
- <header><span>Assigned</span><span>Computed</span><span>Result</span></header> |
- </section> |
- <section> |
- <p> |
- Tests that all supported <code>font-stretch</code> values |
- are correctly parsed, recognized and returned from |
- <code>getComputedStyle</code>. |
- </p> |
- <p> |
- Also tests that a few invalid <code>font-stretch</code> |
- values are ignored as expected. |
- </p> |
- </section> |
- <script> |
- if (self.testRunner) |
- testRunner.dumpAsText(); |
- |
- function createElement(tagName, opt_style, opt_textContent) |
- { |
- var element = document.createElement(tagName); |
- element.style.cssText = opt_style || ''; |
- if (opt_textContent) |
- element.appendChild(document.createTextNode(opt_textContent)); |
- return element; |
- } |
- function testValues(containerElement, values, isValid) |
- { |
- |
- for (var value, i = 0; value = values[i]; i++) { |
- var testElement = createElement('div'); |
- var style = 'font-stretch: ' + value + '; font-weight: bold;'; |
- testElement.appendChild(createElement('span', style, value)); |
- containerElement.appendChild(testElement); |
- var style = window.getComputedStyle(testElement.firstChild); |
- testElement.appendChild(createElement('span', undefined, style.fontStretch)); |
- var result; |
- if (style.fontStretch == value && isValid) |
- result = 'PASS'; |
- else if (style.fontStretch == 'normal' && !isValid) |
- result = 'PASS'; |
- else |
- result = 'FAIL'; |
- testElement.appendChild(createElement('span', undefined, result)); |
- } |
- } |
- var stretchValues = [ |
- 'normal', 'ultra-condensed', 'extra-condensed', |
- 'condensed', 'semi-condensed', 'semi-expanded', |
- 'expanded', 'extra-expanded', 'ultra-expanded' |
- ]; |
- var invalidValues = [ |
- 'bold', 'semi-normal', 'very-condensed', |
- 'compact', 'foobar', '900' |
- ]; |
- var containerElement = document.getElementById('test'); |
- testValues(containerElement, stretchValues, true); |
- containerElement.appendChild(createElement('div', 'border-bottom: 1px solid black')); |
- testValues(containerElement, invalidValues, false); |
- </script> |
- </body> |
-</html> |