OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <div id="element"></div> | 2 <div id="element"></div> |
3 <script src="../resources/js-test.js"></script> | 3 <script src="../resources/js-test.js"></script> |
4 <script> | 4 <script> |
5 description("Test parsing and getComputedStyle behavior for break controlling pr
operties"); | 5 description("Test parsing and getComputedStyle behavior for break controlling pr
operties"); |
6 | 6 |
7 var tests = [["break-after:always", ["break-after", "auto"], ["-webkit-column-br
eak-after", "auto"], ["page-break-after", "auto"]], // Invalid declaration | 7 var tests = [["break-after:always", ["break-after", "auto"], ["-webkit-column-br
eak-after", "auto"], ["page-break-after", "auto"]], // Invalid declaration |
8 ["break-after:auto", ["break-after", "auto"], ["-webkit-column-brea
k-after", "auto"], ["page-break-after", "auto"]], | 8 ["break-after:auto", ["break-after", "auto"], ["-webkit-column-brea
k-after", "auto"], ["page-break-after", "auto"]], |
9 ["break-after:avoid", ["break-after", "avoid"], ["-webkit-column-br
eak-after", "avoid"], ["page-break-after", "avoid"]], | 9 ["break-after:avoid", ["break-after", "avoid"], ["-webkit-column-br
eak-after", "avoid"], ["page-break-after", "avoid"]], |
10 ["break-after:avoid-column", ["break-after", "avoid-column"], ["-we
bkit-column-break-after", "avoid"], ["page-break-after", "auto"]], | 10 ["break-after:avoid-column", ["break-after", "avoid-column"], ["-we
bkit-column-break-after", "avoid"], ["page-break-after", "auto"]], |
11 ["break-after:avoid-page", ["break-after", "avoid-page"], ["-webkit
-column-break-after", "auto"], ["page-break-after", "avoid"]], | 11 ["break-after:avoid-page", ["break-after", "avoid-page"], ["-webkit
-column-break-after", "auto"], ["page-break-after", "avoid"]], |
12 ["break-after:column", ["break-after", "column"], ["-webkit-column-
break-after", "always"], ["page-break-after", "auto"]], | 12 ["break-after:column", ["break-after", "column"], ["-webkit-column-
break-after", "always"], ["page-break-after", "auto"]], |
13 » ["break-after:left", ["break-after", "left"], ["-webkit-column-brea
k-after", "auto"], ["page-break-after", "always"]], | 13 » ["break-after:left", ["break-after", "left"], ["-webkit-column-brea
k-after", "auto"], ["page-break-after", "left"]], |
14 ["break-after:page", ["break-after", "page"], ["-webkit-column-brea
k-after", "auto"], ["page-break-after", "always"]], | 14 ["break-after:page", ["break-after", "page"], ["-webkit-column-brea
k-after", "auto"], ["page-break-after", "always"]], |
15 ["break-after:recto", ["break-after", "recto"], ["-webkit-column-br
eak-after", "auto"], ["page-break-after", "auto"]], | 15 ["break-after:recto", ["break-after", "recto"], ["-webkit-column-br
eak-after", "auto"], ["page-break-after", "auto"]], |
16 » ["break-after:right", ["break-after", "right"], ["-webkit-column-br
eak-after", "auto"], ["page-break-after", "always"]], | 16 » ["break-after:right", ["break-after", "right"], ["-webkit-column-br
eak-after", "auto"], ["page-break-after", "right"]], |
17 ["break-after:verso", ["break-after", "verso"], ["-webkit-column-br
eak-after", "auto"], ["page-break-after", "auto"]], | 17 ["break-after:verso", ["break-after", "verso"], ["-webkit-column-br
eak-after", "auto"], ["page-break-after", "auto"]], |
18 ["break-before:always", ["break-before", "auto"], ["-webkit-column-
break-before", "auto"], ["page-break-before", "auto"]], // Invalid declaration | 18 ["break-before:always", ["break-before", "auto"], ["-webkit-column-
break-before", "auto"], ["page-break-before", "auto"]], // Invalid declaration |
19 ["break-before:auto", ["break-before", "auto"], ["-webkit-column-br
eak-before", "auto"], ["page-break-before", "auto"]], | 19 ["break-before:auto", ["break-before", "auto"], ["-webkit-column-br
eak-before", "auto"], ["page-break-before", "auto"]], |
20 ["break-before:avoid", ["break-before", "avoid"], ["-webkit-column-
break-before", "avoid"], ["page-break-before", "avoid"]], | 20 ["break-before:avoid", ["break-before", "avoid"], ["-webkit-column-
break-before", "avoid"], ["page-break-before", "avoid"]], |
21 ["break-before:avoid-column", ["break-before", "avoid-column"], ["-
webkit-column-break-before", "avoid"], ["page-break-before", "auto"]], | 21 ["break-before:avoid-column", ["break-before", "avoid-column"], ["-
webkit-column-break-before", "avoid"], ["page-break-before", "auto"]], |
22 ["break-before:avoid-page", ["break-before", "avoid-page"], ["-webk
it-column-break-before", "auto"], ["page-break-before", "avoid"]], | 22 ["break-before:avoid-page", ["break-before", "avoid-page"], ["-webk
it-column-break-before", "auto"], ["page-break-before", "avoid"]], |
23 ["break-before:column", ["break-before", "column"], ["-webkit-colum
n-break-before", "always"], ["page-break-before", "auto"]], | 23 ["break-before:column", ["break-before", "column"], ["-webkit-colum
n-break-before", "always"], ["page-break-before", "auto"]], |
24 » ["break-before:left", ["break-before", "left"], ["-webkit-column-br
eak-before", "auto"], ["page-break-before", "always"]], | 24 » ["break-before:left", ["break-before", "left"], ["-webkit-column-br
eak-before", "auto"], ["page-break-before", "left"]], |
25 ["break-before:page", ["break-before", "page"], ["-webkit-column-br
eak-before", "auto"], ["page-break-before", "always"]], | 25 ["break-before:page", ["break-before", "page"], ["-webkit-column-br
eak-before", "auto"], ["page-break-before", "always"]], |
26 ["break-before:recto", ["break-before", "recto"], ["-webkit-column-
break-before", "auto"], ["page-break-before", "auto"]], | 26 ["break-before:recto", ["break-before", "recto"], ["-webkit-column-
break-before", "auto"], ["page-break-before", "auto"]], |
27 » ["break-before:right", ["break-before", "right"], ["-webkit-column-
break-before", "auto"], ["page-break-before", "always"]], | 27 » ["break-before:right", ["break-before", "right"], ["-webkit-column-
break-before", "auto"], ["page-break-before", "right"]], |
28 ["break-before:verso", ["break-before", "verso"], ["-webkit-column-
break-before", "auto"], ["page-break-before", "auto"]], | 28 ["break-before:verso", ["break-before", "verso"], ["-webkit-column-
break-before", "auto"], ["page-break-before", "auto"]], |
29 ["break-inside:auto", ["break-inside", "auto"], ["-webkit-column-br
eak-inside", "auto"], ["page-break-inside", "auto"]], | 29 ["break-inside:auto", ["break-inside", "auto"], ["-webkit-column-br
eak-inside", "auto"], ["page-break-inside", "auto"]], |
30 ["break-inside:avoid", ["break-inside", "avoid"], ["-webkit-column-
break-inside", "avoid"], ["page-break-inside", "avoid"]], | 30 ["break-inside:avoid", ["break-inside", "avoid"], ["-webkit-column-
break-inside", "avoid"], ["page-break-inside", "avoid"]], |
31 ["break-inside:avoid-column", ["break-inside", "avoid-column"], ["-
webkit-column-break-inside", "avoid"], ["page-break-inside", "auto"]], | 31 ["break-inside:avoid-column", ["break-inside", "avoid-column"], ["-
webkit-column-break-inside", "avoid"], ["page-break-inside", "auto"]], |
32 ["break-inside:avoid-page", ["break-inside", "avoid-page"], ["-webk
it-column-break-inside", "auto"], ["page-break-inside", "avoid"]], | 32 ["break-inside:avoid-page", ["break-inside", "avoid-page"], ["-webk
it-column-break-inside", "auto"], ["page-break-inside", "avoid"]], |
33 ["-webkit-column-break-after:always", ["break-after", "column"], ["
-webkit-column-break-after", "always"], ["page-break-after", "auto"]], | 33 ["-webkit-column-break-after:always", ["break-after", "column"], ["
-webkit-column-break-after", "always"], ["page-break-after", "auto"]], |
34 » ["-webkit-column-break-after:avoid", ["break-after", "avoid-column"
], ["-webkit-column-break-after", "avoid"], ["page-break-after", "auto"]], | 34 » ["-webkit-column-break-after:avoid", ["break-after", "avoid"], ["-w
ebkit-column-break-after", "avoid"], ["page-break-after", "avoid"]], |
35 ["-webkit-column-break-after:column", ["break-after", "auto"], ["-w
ebkit-column-break-after", "auto"], ["page-break-after", "auto"]], // Invalid de
claration | 35 ["-webkit-column-break-after:column", ["break-after", "auto"], ["-w
ebkit-column-break-after", "auto"], ["page-break-after", "auto"]], // Invalid de
claration |
36 ["-webkit-column-break-before:always", ["break-before", "column"],
["-webkit-column-break-before", "always"], ["page-break-before", "auto"]], | 36 ["-webkit-column-break-before:always", ["break-before", "column"],
["-webkit-column-break-before", "always"], ["page-break-before", "auto"]], |
37 » ["-webkit-column-break-before:avoid", ["break-before", "avoid-colum
n"], ["-webkit-column-break-before", "avoid"], ["page-break-before", "auto"]], | 37 » ["-webkit-column-break-before:avoid", ["break-before", "avoid"], ["
-webkit-column-break-before", "avoid"], ["page-break-before", "avoid"]], |
38 ["-webkit-column-break-before:column", ["break-before", "auto"], ["
-webkit-column-break-before", "auto"], ["page-break-before", "auto"]], // Invali
d declaration | 38 ["-webkit-column-break-before:column", ["break-before", "auto"], ["
-webkit-column-break-before", "auto"], ["page-break-before", "auto"]], // Invali
d declaration |
39 » ["-webkit-column-break-inside:avoid", ["break-inside", "avoid-colum
n"], ["-webkit-column-break-inside", "avoid"], ["page-break-inside", "auto"]], | 39 » ["-webkit-column-break-inside:avoid", ["break-inside", "avoid"], ["
-webkit-column-break-inside", "avoid"], ["page-break-inside", "avoid"]], |
40 ["-webkit-column-break-before:avoid-column", ["break-before", "auto
"], ["-webkit-column-break-before", "auto"], ["page-break-before", "auto"]], //
Invalid declaration | 40 ["-webkit-column-break-before:avoid-column", ["break-before", "auto
"], ["-webkit-column-break-before", "auto"], ["page-break-before", "auto"]], //
Invalid declaration |
41 ["page-break-after:always", ["break-after", "page"], ["-webkit-colu
mn-break-after", "auto"], ["page-break-after", "always"]], | 41 ["page-break-after:always", ["break-after", "page"], ["-webkit-colu
mn-break-after", "auto"], ["page-break-after", "always"]], |
42 » ["page-break-after:avoid", ["break-after", "avoid-page"], ["-webkit
-column-break-after", "auto"], ["page-break-after", "avoid"]], | 42 » ["page-break-after:avoid", ["break-after", "avoid"], ["-webkit-colu
mn-break-after", "avoid"], ["page-break-after", "avoid"]], |
43 » ["page-break-after:left", ["break-after", "left"], ["-webkit-column
-break-after", "auto"], ["page-break-after", "always"]], | 43 » ["page-break-after:left", ["break-after", "left"], ["-webkit-column
-break-after", "auto"], ["page-break-after", "left"]], |
44 » ["page-break-after:right", ["break-after", "right"], ["-webkit-colu
mn-break-after", "auto"], ["page-break-after", "always"]], | 44 » ["page-break-after:right", ["break-after", "right"], ["-webkit-colu
mn-break-after", "auto"], ["page-break-after", "right"]], |
45 ["page-break-after:verso", ["break-after", "auto"], ["-webkit-colum
n-break-after", "auto"], ["page-break-after", "auto"]], // Invalid declaration | 45 ["page-break-after:verso", ["break-after", "auto"], ["-webkit-colum
n-break-after", "auto"], ["page-break-after", "auto"]], // Invalid declaration |
46 ["page-break-before:always", ["break-before", "page"], ["-webkit-co
lumn-break-before", "auto"], ["page-break-before", "always"]], | 46 ["page-break-before:always", ["break-before", "page"], ["-webkit-co
lumn-break-before", "auto"], ["page-break-before", "always"]], |
47 » ["page-break-before:avoid", ["break-before", "avoid-page"], ["-webk
it-column-break-before", "auto"], ["page-break-before", "avoid"]], | 47 » ["page-break-before:avoid", ["break-before", "avoid"], ["-webkit-co
lumn-break-before", "avoid"], ["page-break-before", "avoid"]], |
48 » ["page-break-before:left", ["break-before", "left"], ["-webkit-colu
mn-break-before", "auto"], ["page-break-before", "always"]], | 48 » ["page-break-before:left", ["break-before", "left"], ["-webkit-colu
mn-break-before", "auto"], ["page-break-before", "left"]], |
49 » ["page-break-before:right", ["break-before", "right"], ["-webkit-co
lumn-break-before", "auto"], ["page-break-before", "always"]], | 49 » ["page-break-before:right", ["break-before", "right"], ["-webkit-co
lumn-break-before", "auto"], ["page-break-before", "right"]], |
50 ["page-break-before:verso", ["break-before", "auto"], ["-webkit-col
umn-break-before", "auto"], ["page-break-before", "auto"]], // Invalid declarati
on | 50 ["page-break-before:verso", ["break-before", "auto"], ["-webkit-col
umn-break-before", "auto"], ["page-break-before", "auto"]], // Invalid declarati
on |
51 ["page-break-inside:always", ["break-before", "auto"], ["-webkit-co
lumn-break-before", "auto"], ["page-break-before", "auto"]], // Invalid declarat
ion | 51 ["page-break-inside:always", ["break-before", "auto"], ["-webkit-co
lumn-break-before", "auto"], ["page-break-before", "auto"]], // Invalid declarat
ion |
52 » ["page-break-inside:avoid", ["break-inside", "avoid-page"], ["-webk
it-column-break-inside", "auto"], ["page-break-inside", "avoid"]], | 52 » ["page-break-inside:avoid", ["break-inside", "avoid"], ["-webkit-co
lumn-break-inside", "avoid"], ["page-break-inside", "avoid"]], |
53 [""]]; | 53 [""]]; |
54 | 54 |
55 tests.forEach(function(test) { | 55 tests.forEach(function(test) { |
56 debug(test[0]); | 56 debug(test[0]); |
57 element.style.cssText = test[0]; | 57 element.style.cssText = test[0]; |
58 for (var i = 1; i < test.length; i++) | 58 for (var i = 1; i < test.length; i++) |
59 shouldBeEqualToString("getComputedStyle(element)['"+test[i][0]+"']", tes
t[i][1]); | 59 shouldBeEqualToString("getComputedStyle(element)['"+test[i][0]+"']", tes
t[i][1]); |
60 }); | 60 }); |
61 </script> | 61 </script> |
OLD | NEW |