<!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-align-last').cssText",  "'" + a_value + "'");
      shouldBe("window.getComputedStyle(child).getPropertyCSSValue('-webkit-text-align-last').cssText",  "'" + c_value + "'");
      debug('');
  }
  
  function ownValueTest(a_value, c_value)
  {
      debug("Value of ancestor is '" + a_value + ", while child is '" + c_value + "':");
      ancestor.style.webkitTextAlignLast = a_value;
      child.style.webkitTextAlignLast = c_value;
      testComputedStyle(a_value, c_value);
  }
  
  function inheritanceTest(a_value)
  {
      debug("Value of ancestor is '" + a_value + "':");
      ancestor.style.webkitTextAlignLast = a_value;
      testComputedStyle(a_value, a_value);
  }
  
  description("This test checks that the value of -webkit-text-align-last is properly inherited to the child.");
  
  ancestor = document.getElementById('ancestor');
  child = document.getElementById('child');
  
  inheritanceTest("start");
  inheritanceTest("end");
  inheritanceTest("left");
  inheritanceTest("right");
  inheritanceTest("center");
  inheritanceTest("justify");
  inheritanceTest("auto");
  
  ownValueTest("start", "end");
  ownValueTest("left", "right");
  </script>
  <script src="../../../../resources/js-test-post.js"></script>
</body>
</html>