<!DOCTYPE html>
<html>
<head>
  <script src="../../../../resources/js-test-pre.js"></script>
</head>
<body>
  <div id="test">hello world</div>
  <script>
  function testElementStyle(propertyJS, propertyCSS, type, value)
  {
      shouldBe("e.style." + propertyJS, "'" + value + "'");
      shouldBe("e.style.getPropertyCSSValue('" + propertyCSS + "').cssText", "'" + value + "'");
  }
  
  function testComputedStyle(propertyJS, propertyCSS, type, value)
  {
      computedStyle = window.getComputedStyle(e, null);
      shouldBe("computedStyle." + propertyJS, "'" + value + "'");
      shouldBe("computedStyle.getPropertyCSSValue('" + propertyCSS + "').cssText", "'" + value + "'");
  }
  
  function valueSettingTest(value)
  {
      debug("Value '" + value + "':");
      e.style.webkitTextJustify = value;
      testElementStyle("webkitTextJustify", "-webkit-text-justify", "[object CSSPrimitiveValue]", value);
      testComputedStyle("webkitTextJustify", "-webkit-text-justify", "[object CSSPrimitiveValue]", value);
      debug('');
  }
  
  function invalidValueSettingTest(value, defaultValue)
  {
      debug("Invalid value test - '" + value + "':");
      e.style.webkitTextJustify = value;
      testElementStyle("webkitTextJustify", "-webkit-text-justify", "[object CSSPrimitiveValue]", defaultValue);
      testComputedStyle("webkitTextJustify", "-webkit-text-justify", "[object CSSPrimitiveValue]", defaultValue);
      debug('');
  }
  
  function computedValueSettingTest(value, defaultValue)
  {
      debug("Computed value test - '" + value + "':");
      e.style.webkitTextJustify = value;
      testElementStyle("webkitTextJustify", "-webkit-text-justify", "[object CSSPrimitiveValue]", value);
      testComputedStyle("webkitTextJustify", "-webkit-text-justify", "[object CSSPrimitiveValue]", defaultValue);
      debug('');
  }
  
  description("This test checks that -webkit-text-justify parses properly the properties from CSS 3 Text.");
  
  e = document.getElementById('test');
  
  debug("Test the initial value:");
  testComputedStyle("webkitTextJustify", "-webkit-text-justify", "[object CSSPrimitiveValue]", 'auto');
  debug('');
  
  valueSettingTest('auto');
  valueSettingTest('none');
  valueSettingTest('inter-word');
  valueSettingTest('distribute');
  
  defaultValue = 'auto'
  e.style.webkitTextJustify = defaultValue;
  invalidValueSettingTest('-webkit-left', defaultValue);
  invalidValueSettingTest('-webkit-right', defaultValue);
  invalidValueSettingTest('-webkit-center', defaultValue);
  invalidValueSettingTest('-webkit-match-parent', defaultValue);
  invalidValueSettingTest('-webkit-auto', defaultValue);
  invalidValueSettingTest('solid', defaultValue);
  invalidValueSettingTest('normal', defaultValue);
  invalidValueSettingTest('bold', defaultValue);
  invalidValueSettingTest('background', defaultValue);
  invalidValueSettingTest('ltr', defaultValue);
  invalidValueSettingTest('inter-ideograph', defaultValue);
  invalidValueSettingTest('inter-cluster', defaultValue);
  invalidValueSettingTest('kashida', defaultValue);
  
  computedValueSettingTest('inherit', 'auto');
  computedValueSettingTest('initial', 'auto');
  </script>
  <script src="../../../../resources/js-test-post.js"></script>
</body>
</html>