| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../../../resources/js-test-pre.js"></script> |
| </head> |
| <body> |
| <div id="ancestor"><div id="child">hello world</div></div> |
| <script> |
| function testComputedStyle(a_value, c_value) |
| { |
| shouldBe("window.getComputedStyle(ancestor).getPropertyCSSValue('-webkit-text-justify').cssText", "'" + a_value + "'"); |
| shouldBe("window.getComputedStyle(child).getPropertyCSSValue('-webkit-text-justify').cssText", "'" + c_value + "'"); |
| debug(''); |
| } |
| |
| function ownValueTest(a_value, c_value) |
| { |
| debug("Value of ancestor is '" + a_value + ", while child is '" + c_value + "':"); |
| ancestor.style.webkitTextJustify = a_value; |
| child.style.webkitTextJustify = c_value; |
| testComputedStyle(a_value, c_value); |
| } |
| |
| function inheritanceTest(a_value) |
| { |
| debug("Value of ancestor is '" + a_value + "':"); |
| ancestor.style.webkitTextJustify = a_value; |
| testComputedStyle(a_value, a_value); |
| } |
| |
| description("This test checks that the value of -webkit-text-justify is properly inherited to the child."); |
| |
| ancestor = document.getElementById('ancestor'); |
| child = document.getElementById('child'); |
| |
| inheritanceTest("auto"); |
| inheritanceTest("none"); |
| inheritanceTest("inter-word"); |
| inheritanceTest("distribute"); |
| |
| ownValueTest("inter-word", "distribute"); |
| ownValueTest("distribute", "none"); |
| </script> |
| <script src="../../../../resources/js-test-post.js"></script> |
| </body> |
| </html> |
