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