third_party/WebKit/LayoutTests/fast/css3-text/css3-text-justify/getComputedStyle/getComputedStyle-text-justify.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../../../resources/js-test.js"></script>
   5 </head>
   6 <body>
   7 <div id="test"></div>
   8 <div id="ancestor"><div id="child"></div></div>
   9
  10 <script>
  11   function testElementStyle(value)
  12   {
  13       shouldBe("element.style.textJustify", "'" + value + "'");
  14   }
  15
  16   function testComputedStyle(value)
  17   {
  18       computedStyle = window.getComputedStyle(element, null);
  19       shouldBe("computedStyle.textJustify", "'" + value + "'");
  20   }
  21
  22   function valueSettingTest(value)
  23   {
  24       debug("Value '" + value + "':");
  25       element.style.textJustify = value;
  26       testElementStyle(value);
  27       testComputedStyle(value);
  28       debug('');
  29   }
  30
  31   function invalidValueSettingTest(value, presettedValue)
  32   {
  33       debug("Invalid value test - '" + value + "':");
  34       element.style.textJustify = value;
  35       testElementStyle(presettedValue);
  36       testComputedStyle(presettedValue);
  37       debug('');
  38   }
  39
  40   function ownValueTest(ancestorValue, childValue)
  41   {
  42       debug("Value of ancestor is '" + ancestorValue + ", while child is '" + childValue + "':");
  43       ancestor.style.textJustify = ancestorValue;
  44       child.style.textJustify = childValue;
  45       testElementStyle(childValue);
  46       testComputedStyle(childValue);
  47       debug('');
  48   }
  49
  50   function inheritanceTest(ancestorValue)
  51   {
  52       debug("Value of ancestor is '" + ancestorValue + "':");
  53       ancestor.style.textJustify = ancestorValue;
  54       expectedInheritedValue = ancestorValue;
  55       testElementStyle(expectedInheritedValue);
  56       testComputedStyle(expectedInheritedValue);
  57       debug('');
  58   }
  59
  60   function computedValueSettingTest(value, expectedComputedValue)
  61   {
  62       debug("Computed value test - '" + value + "':");
  63       if (value == 'inherit')
  64         ancestor.style.textJustify = expectedComputedValue;
  65       element.style.textJustify = value;
  66       testElementStyle(value);
  67       testComputedStyle(expectedComputedValue);
  68       debug('');
  69   }
  70
  71   description("This test checks that text-justify parses properly the properties from CSS 3 Text.");
  72
  73   element = document.getElementById('test');
  74
  75   valueSettingTest('none');
  76   valueSettingTest('inter-word');
  77   valueSettingTest('distribute');
  78
  79   presettedValue = 'none'
  80   debug("Presetted value is none");
  81   element.style.textJustify = presettedValue;
  82   invalidValueSettingTest('green', presettedValue);
  83   invalidValueSettingTest('inline', presettedValue);
  84
  85   presettedValue = 'distribute'
  86   debug("Presetted value is distribute");
  87   element.style.textJustify = presettedValue;
  88   invalidValueSettingTest('solid', presettedValue);
  89   invalidValueSettingTest('normal', presettedValue);
  90
  91   element = document.getElementById('child');
  92   ancestor = document.getElementById('ancestor');
  93
  94   computedValueSettingTest('inherit', 'none');
  95   computedValueSettingTest('inherit', 'distribute');
  96   computedValueSettingTest('initial', 'auto');
  97
  98   ownValueTest("inter-word", "distribute");
  99   ownValueTest("none", "inter-word");
 100 </script>
 101 </body>
 102
 103 </html>