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