1 Test that setting and getting align-self works as expected
3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
6 Test getting align-self set through CSS
7 PASS getComputedStyle(alignSelfBaseline, '').getPropertyValue('align-self') is 'baseline'
8 PASS getComputedStyle(alignSelfLastBaseline, '').getPropertyValue('align-self') is 'last-baseline'
9 PASS getComputedStyle(alignSelfStretch, '').getPropertyValue('align-self') is 'stretch'
10 PASS getComputedStyle(alignSelfStart, '').getPropertyValue('align-self') is 'start'
11 PASS getComputedStyle(alignSelfEnd, '').getPropertyValue('align-self') is 'end'
12 PASS getComputedStyle(alignSelfCenter, '').getPropertyValue('align-self') is 'center'
13 PASS getComputedStyle(alignSelfSelfEnd, '').getPropertyValue('align-self') is 'self-end'
14 PASS getComputedStyle(alignSelfSelfStart, '').getPropertyValue('align-self') is 'self-start'
15 PASS getComputedStyle(alignSelfLeft, '').getPropertyValue('align-self') is 'left'
16 PASS getComputedStyle(alignSelfRight, '').getPropertyValue('align-self') is 'right'
17 PASS getComputedStyle(alignSelfFlexStart, '').getPropertyValue('align-self') is 'flex-start'
18 PASS getComputedStyle(alignSelfFlexEnd, '').getPropertyValue('align-self') is 'flex-end'
19 PASS getComputedStyle(alignSelfEndTrue, '').getPropertyValue('align-self') is 'end true'
20 PASS getComputedStyle(alignSelfCenterTrue, '').getPropertyValue('align-self') is 'center true'
21 PASS getComputedStyle(alignSelfSelfEndSafe, '').getPropertyValue('align-self') is 'self-end safe'
22 PASS getComputedStyle(alignSelfSelfStartSafe, '').getPropertyValue('align-self') is 'self-start safe'
23 PASS getComputedStyle(alignSelfRightSafe, '').getPropertyValue('align-self') is 'right safe'
24 PASS getComputedStyle(alignSelfLeftTrue, '').getPropertyValue('align-self') is 'left true'
25 PASS getComputedStyle(alignSelfFlexStartTrue, '').getPropertyValue('align-self') is 'flex-start true'
26 PASS getComputedStyle(alignSelfFlexEndSafe, '').getPropertyValue('align-self') is 'flex-end safe'
28 Test initial value of align-self through JS
29 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'start'
31 Test getting and setting align-self through JS
32 PASS element.style.alignSelf is "center"
33 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "center"
34 PASS element.style.alignSelf is "start true"
35 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start true"
36 PASS element.style.alignSelf is "flex-end safe"
37 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "flex-end safe"
38 PASS element.style.alignSelf is "right"
39 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "right"
40 PASS element.style.alignSelf is "center"
41 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "center"
42 PASS element.style.alignSelf is "self-start"
43 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "self-start"
44 PASS element.style.alignSelf is "auto"
45 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
46 PASS element.style.alignSelf is "auto"
47 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "stretch"
48 PASS element.style.alignSelf is "auto"
49 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "stretch"
50 PASS element.style.alignSelf is "self-end"
51 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "self-end"
53 Test bad combinations of align-self
54 PASS element.style.alignSelf is ""
55 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
56 PASS element.style.alignSelf is ""
57 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
58 PASS element.style.alignSelf is ""
59 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
60 PASS element.style.alignSelf is ""
61 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
62 PASS element.style.alignSelf is ""
63 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
64 PASS element.style.alignSelf is ""
65 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
66 PASS element.style.alignSelf is ""
67 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
68 PASS element.style.alignSelf is ""
69 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
70 PASS element.style.alignSelf is ""
71 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
72 PASS element.style.alignSelf is ""
73 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
74 PASS element.style.alignSelf is ""
75 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
76 PASS element.style.alignSelf is ""
77 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
78 PASS element.style.alignSelf is ""
79 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
80 PASS element.style.alignSelf is ""
81 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
82 PASS element.style.alignSelf is ""
83 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
84 PASS element.style.alignSelf is ""
85 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
86 PASS element.style.alignSelf is ""
87 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
88 PASS element.style.alignSelf is ""
89 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
90 PASS element.style.alignSelf is ""
91 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
92 PASS element.style.alignSelf is ""
93 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
94 PASS element.style.alignSelf is ""
95 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
96 PASS element.style.alignSelf is ""
97 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
98 PASS element.style.alignSelf is ""
99 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
100 PASS element.style.alignSelf is ""
101 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
103 Test the value 'initial'
104 PASS element.style.alignSelf is "center"
105 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "center"
106 PASS element.style.alignSelf is "initial"
107 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
109 Test the value 'initial' for grid containers
110 PASS element.style.alignSelf is "left safe"
111 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "left safe"
112 PASS element.style.alignSelf is "initial"
113 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "stretch"
115 Test the value 'initial' for flex containers
116 PASS element.style.alignSelf is "right true"
117 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "right true"
118 PASS element.style.alignSelf is "initial"
119 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "stretch"
121 Test the value 'initial' for positioned elements
122 PASS element.style.alignSelf is "left"
123 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "left"
124 PASS element.style.alignSelf is "initial"
125 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "stretch"
127 Test the value 'initial' for positioned elements in grid containers
128 PASS element.style.alignSelf is "right"
129 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "right"
130 PASS element.style.alignSelf is "initial"
131 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "stretch"
133 Test the value 'initial' for positioned elements in grid containers
134 PASS element.style.alignSelf is "end"
135 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "end"
136 PASS element.style.alignSelf is "initial"
137 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "stretch"
139 Test the value 'inherit'
140 PASS element.style.alignSelf is "end"
141 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "end"
142 PASS element.style.alignSelf is "inherit"
143 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "end"
144 PASS element.style.alignSelf is "left safe"
145 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "left safe"
146 PASS element.style.alignSelf is "inherit"
147 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "left safe"
148 PASS element.style.alignSelf is "center true"
149 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "center true"
150 PASS element.style.alignSelf is "inherit"
151 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "center true"
152 PASS successfullyParsed is true