OLD | NEW |
---|---|
1 Test that setting and getting align-items works as expected | 1 Test that setting and getting align-items works as expected |
2 | 2 |
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE ". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE ". |
4 | 4 |
5 | 5 |
6 Test getting align-items set through CSS | 6 Test getting align-items set through CSS |
7 PASS getComputedStyle(alignItemsBaseline, '').getPropertyValue('align-items') is 'baseline' | 7 PASS getComputedStyle(alignItemsBaseline, '').getPropertyValue('align-items') is 'baseline' |
8 PASS getComputedStyle(alignItemsLastBaseline, '').getPropertyValue('align-items' ) is 'last-baseline' | |
8 PASS getComputedStyle(alignItemsStretch, '').getPropertyValue('align-items') is 'stretch' | 9 PASS getComputedStyle(alignItemsStretch, '').getPropertyValue('align-items') is 'stretch' |
9 PASS getComputedStyle(alignItemsStart, '').getPropertyValue('align-items') is 's tart' | 10 PASS getComputedStyle(alignItemsStart, '').getPropertyValue('align-items') is 's tart' |
10 PASS getComputedStyle(alignItemsEnd, '').getPropertyValue('align-items') is 'end ' | 11 PASS getComputedStyle(alignItemsEnd, '').getPropertyValue('align-items') is 'end ' |
11 PASS getComputedStyle(alignItemsCenter, '').getPropertyValue('align-items') is ' center' | 12 PASS getComputedStyle(alignItemsCenter, '').getPropertyValue('align-items') is ' center' |
12 PASS getComputedStyle(alignItemsItemsEnd, '').getPropertyValue('align-items') is 'self-end' | 13 PASS getComputedStyle(alignItemsSelfEnd, '').getPropertyValue('align-items') is 'self-end' |
13 PASS getComputedStyle(alignItemsItemsStart, '').getPropertyValue('align-items') is 'self-start' | 14 PASS getComputedStyle(alignItemsSelfStart, '').getPropertyValue('align-items') i s 'self-start' |
14 PASS getComputedStyle(alignItemsLeft, '').getPropertyValue('align-items') is 'le ft' | 15 PASS getComputedStyle(alignItemsLeft, '').getPropertyValue('align-items') is 'le ft' |
15 PASS getComputedStyle(alignItemsRight, '').getPropertyValue('align-items') is 'r ight' | 16 PASS getComputedStyle(alignItemsRight, '').getPropertyValue('align-items') is 'r ight' |
17 PASS getComputedStyle(alignItemsFlexStart, '').getPropertyValue('align-items') i s 'flex-start' | |
18 PASS getComputedStyle(alignItemsFlexEnd, '').getPropertyValue('align-items') is 'flex-end' | |
16 PASS getComputedStyle(alignItemsEndTrue, '').getPropertyValue('align-items') is 'end true' | 19 PASS getComputedStyle(alignItemsEndTrue, '').getPropertyValue('align-items') is 'end true' |
17 PASS getComputedStyle(alignItemsCenterTrue, '').getPropertyValue('align-items') is 'center true' | 20 PASS getComputedStyle(alignItemsCenterTrue, '').getPropertyValue('align-items') is 'center true' |
18 PASS getComputedStyle(alignItemsItemsEndSafe, '').getPropertyValue('align-items' ) is 'self-end safe' | 21 PASS getComputedStyle(alignItemsSelfEndSafe, '').getPropertyValue('align-items') is 'self-end safe' |
19 PASS getComputedStyle(alignItemsItemsStartSafe, '').getPropertyValue('align-item s') is 'self-start safe' | 22 PASS getComputedStyle(alignItemsSelfStartSafe, '').getPropertyValue('align-items ') is 'self-start safe' |
20 PASS getComputedStyle(alignItemsRightSafe, '').getPropertyValue('align-items') i s 'right safe' | 23 PASS getComputedStyle(alignItemsRightSafe, '').getPropertyValue('align-items') i s 'right safe' |
21 PASS getComputedStyle(alignItemsLeftTrue, '').getPropertyValue('align-items') is 'left true' | 24 PASS getComputedStyle(alignItemsLeftTrue, '').getPropertyValue('align-items') is 'left true' |
25 PASS getComputedStyle(alignItemsFlexStartTrue, '').getPropertyValue('align-items ') is 'flex-start true' | |
26 PASS getComputedStyle(alignItemsFlexEndSafe, '').getPropertyValue('align-items') is 'flex-end safe' | |
22 | 27 |
23 Test initial value of align-items through JS | 28 Test initial value of align-items through JS |
24 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 29 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'start' |
esprehn
2014/07/11 22:38:10
Changing the initial value of align-items from str
| |
25 | 30 |
26 Test getting and setting align-items through JS | 31 Test getting and setting align-items through JS |
27 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'center' | 32 PASS element.style.alignItems is "center" |
28 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'start tru e' | 33 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "ce nter" |
29 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'auto' | 34 PASS element.style.alignItems is "start true" |
35 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art true" | |
36 PASS element.style.alignItems is "flex-end safe" | |
37 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "fl ex-end safe" | |
38 PASS element.style.alignItems is "right" | |
39 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "ri ght" | |
40 PASS element.style.alignItems is "center" | |
41 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "ce nter" | |
42 PASS element.style.alignItems is "self-start" | |
43 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "se lf-start" | |
44 PASS element.style.alignItems is "auto" | |
45 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
46 PASS element.style.alignItems is "auto" | |
47 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st retch" | |
48 PASS element.style.alignItems is "auto" | |
49 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st retch" | |
50 PASS element.style.alignItems is "self-end" | |
51 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "se lf-end" | |
30 | 52 |
31 Test bad combinaisons of align-items | 53 Test bad combinations of align-items |
32 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 54 PASS element.style.alignItems is "" |
33 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 55 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" |
34 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 56 PASS element.style.alignItems is "" |
35 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 57 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" |
36 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 58 PASS element.style.alignItems is "" |
37 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 59 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" |
38 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 60 PASS element.style.alignItems is "" |
39 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 61 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" |
40 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 62 PASS element.style.alignItems is "" |
41 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 63 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" |
42 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 64 PASS element.style.alignItems is "" |
43 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 65 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" |
44 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 66 PASS element.style.alignItems is "" |
45 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 67 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" |
46 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 68 PASS element.style.alignItems is "" |
47 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 69 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" |
48 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 70 PASS element.style.alignItems is "" |
49 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 71 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" |
72 PASS element.style.alignItems is "" | |
73 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
74 PASS element.style.alignItems is "" | |
75 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
76 PASS element.style.alignItems is "" | |
77 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
78 PASS element.style.alignItems is "" | |
79 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
80 PASS element.style.alignItems is "" | |
81 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
82 PASS element.style.alignItems is "" | |
83 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
84 PASS element.style.alignItems is "" | |
85 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
86 PASS element.style.alignItems is "" | |
87 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
88 PASS element.style.alignItems is "" | |
89 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
90 PASS element.style.alignItems is "" | |
91 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
92 PASS element.style.alignItems is "" | |
93 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
94 PASS element.style.alignItems is "" | |
95 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
96 PASS element.style.alignItems is "" | |
97 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
98 PASS element.style.alignItems is "" | |
99 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
100 PASS element.style.alignItems is "" | |
101 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
50 | 102 |
51 Test the value 'initial' | 103 Test the value 'initial' |
52 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'center' | 104 PASS element.style.alignItems is "center" |
53 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'stretch' | 105 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "ce nter" |
106 PASS element.style.alignItems is "initial" | |
107 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st art" | |
108 | |
109 Test the value 'initial' for grid containers | |
110 PASS element.style.alignItems is "left safe" | |
111 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "le ft safe" | |
112 PASS element.style.alignItems is "initial" | |
113 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st retch" | |
114 | |
115 Test the value 'initial' for flex containers | |
116 PASS element.style.alignItems is "right true" | |
117 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "ri ght true" | |
118 PASS element.style.alignItems is "initial" | |
119 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "st retch" | |
54 | 120 |
55 Test the value 'inherit' | 121 Test the value 'inherit' |
56 PASS getComputedStyle(parentElement, '').getPropertyValue('align-items') is 'end ' | 122 PASS element.style.alignItems is "end" |
57 PASS getComputedStyle(element, '').getPropertyValue('align-items') is 'end' | 123 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "en d" |
124 PASS element.style.alignItems is "inherit" | |
125 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "en d" | |
126 PASS element.style.alignItems is "left safe" | |
127 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "le ft safe" | |
128 PASS element.style.alignItems is "inherit" | |
129 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "le ft safe" | |
130 PASS element.style.alignItems is "center true" | |
131 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "ce nter true" | |
132 PASS element.style.alignItems is "inherit" | |
133 PASS window.getComputedStyle(element, '').getPropertyValue('align-items') is "ce nter true" | |
58 PASS successfullyParsed is true | 134 PASS successfullyParsed is true |
59 | 135 |
60 TEST COMPLETE | 136 TEST COMPLETE |
61 | 137 |
OLD | NEW |