Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(8)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/alignment/parse-align-self-expected.txt

Issue 363133003: [CSS Grid Layout] Adapting align-self, align-items and justify-self to the last CSS 3 spec. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Resolve grid and flex cases during cascade, the rest will wait for layout. Created 6 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« LayoutTests/fast/alignment/parse-align-items.html ('K') | « LayoutTests/fast/alignment/parse-align-self.html ('k') | LayoutTests/fast/alignment/parse-justify-items.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 Test that setting and getting align-self works as expected 1 Test that setting and getting align-self 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-self set through CSS 6 Test getting align-self set through CSS
7 PASS getComputedStyle(alignSelfBaseline, '').getPropertyValue('align-self') is ' baseline' 7 PASS getComputedStyle(alignSelfBaseline, '').getPropertyValue('align-self') is ' baseline'
8 PASS getComputedStyle(alignSelfLastBaseline, '').getPropertyValue('align-self') is 'last-baseline'
8 PASS getComputedStyle(alignSelfStretch, '').getPropertyValue('align-self') is 's tretch' 9 PASS getComputedStyle(alignSelfStretch, '').getPropertyValue('align-self') is 's tretch'
9 PASS getComputedStyle(alignSelfStart, '').getPropertyValue('align-self') is 'sta rt' 10 PASS getComputedStyle(alignSelfStart, '').getPropertyValue('align-self') is 'sta rt'
10 PASS getComputedStyle(alignSelfEnd, '').getPropertyValue('align-self') is 'end' 11 PASS getComputedStyle(alignSelfEnd, '').getPropertyValue('align-self') is 'end'
11 PASS getComputedStyle(alignSelfCenter, '').getPropertyValue('align-self') is 'ce nter' 12 PASS getComputedStyle(alignSelfCenter, '').getPropertyValue('align-self') is 'ce nter'
12 PASS getComputedStyle(alignSelfSelfEnd, '').getPropertyValue('align-self') is 's elf-end' 13 PASS getComputedStyle(alignSelfSelfEnd, '').getPropertyValue('align-self') is 's elf-end'
13 PASS getComputedStyle(alignSelfSelfStart, '').getPropertyValue('align-self') is 'self-start' 14 PASS getComputedStyle(alignSelfSelfStart, '').getPropertyValue('align-self') is 'self-start'
14 PASS getComputedStyle(alignSelfLeft, '').getPropertyValue('align-self') is 'left ' 15 PASS getComputedStyle(alignSelfLeft, '').getPropertyValue('align-self') is 'left '
15 PASS getComputedStyle(alignSelfRight, '').getPropertyValue('align-self') is 'rig ht' 16 PASS getComputedStyle(alignSelfRight, '').getPropertyValue('align-self') is 'rig ht'
17 PASS getComputedStyle(alignSelfFlexStart, '').getPropertyValue('align-self') is 'flex-start'
18 PASS getComputedStyle(alignSelfFlexEnd, '').getPropertyValue('align-self') is 'f lex-end'
16 PASS getComputedStyle(alignSelfEndTrue, '').getPropertyValue('align-self') is 'e nd true' 19 PASS getComputedStyle(alignSelfEndTrue, '').getPropertyValue('align-self') is 'e nd true'
17 PASS getComputedStyle(alignSelfCenterTrue, '').getPropertyValue('align-self') is 'center true' 20 PASS getComputedStyle(alignSelfCenterTrue, '').getPropertyValue('align-self') is 'center true'
18 PASS getComputedStyle(alignSelfSelfEndSafe, '').getPropertyValue('align-self') i s 'self-end safe' 21 PASS getComputedStyle(alignSelfSelfEndSafe, '').getPropertyValue('align-self') i s 'self-end safe'
19 PASS getComputedStyle(alignSelfSelfStartSafe, '').getPropertyValue('align-self') is 'self-start safe' 22 PASS getComputedStyle(alignSelfSelfStartSafe, '').getPropertyValue('align-self') is 'self-start safe'
20 PASS getComputedStyle(alignSelfRightSafe, '').getPropertyValue('align-self') is 'right safe' 23 PASS getComputedStyle(alignSelfRightSafe, '').getPropertyValue('align-self') is 'right safe'
21 PASS getComputedStyle(alignSelfLeftTrue, '').getPropertyValue('align-self') is ' left true' 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') i s 'flex-end safe'
22 27
23 Test initial value of align-self through JS 28 Test initial value of align-self through JS
24 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 29 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'start'
25 30
26 Test getting and setting align-self through JS 31 Test getting and setting align-self through JS
27 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'center' 32 PASS element.style.alignSelf is "center"
28 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'start true ' 33 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "cen ter"
29 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 34 PASS element.style.alignSelf is "start true"
35 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt true"
36 PASS element.style.alignSelf is "flex-end safe"
37 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "fle x-end safe"
38 PASS element.style.alignSelf is "right"
39 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "rig ht"
40 PASS element.style.alignSelf is "center"
41 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "cen ter"
42 PASS element.style.alignSelf is "self-start"
43 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sel f-start"
44 PASS element.style.alignSelf is "auto"
45 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
46 PASS element.style.alignSelf is "auto"
47 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "str etch"
48 PASS element.style.alignSelf is "auto"
49 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "str etch"
50 PASS element.style.alignSelf is "self-end"
51 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sel f-end"
30 52
31 Test bad combinaisons of align-self 53 Test bad combinations of align-self
32 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 54 PASS element.style.alignSelf is ""
33 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 55 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
34 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 56 PASS element.style.alignSelf is ""
35 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 57 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
36 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 58 PASS element.style.alignSelf is ""
37 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 59 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
38 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 60 PASS element.style.alignSelf is ""
39 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 61 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
40 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 62 PASS element.style.alignSelf is ""
41 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 63 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
42 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 64 PASS element.style.alignSelf is ""
43 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 65 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
44 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 66 PASS element.style.alignSelf is ""
45 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 67 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
46 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 68 PASS element.style.alignSelf is ""
47 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 69 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
48 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 70 PASS element.style.alignSelf is ""
49 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 71 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
72 PASS element.style.alignSelf is ""
73 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
74 PASS element.style.alignSelf is ""
75 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
76 PASS element.style.alignSelf is ""
77 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
78 PASS element.style.alignSelf is ""
79 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
80 PASS element.style.alignSelf is ""
81 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
82 PASS element.style.alignSelf is ""
83 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
84 PASS element.style.alignSelf is ""
85 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
86 PASS element.style.alignSelf is ""
87 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
88 PASS element.style.alignSelf is ""
89 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
90 PASS element.style.alignSelf is ""
91 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
92 PASS element.style.alignSelf is ""
93 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
94 PASS element.style.alignSelf is ""
95 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
96 PASS element.style.alignSelf is ""
97 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
98 PASS element.style.alignSelf is ""
99 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
100 PASS element.style.alignSelf is ""
101 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
50 102
51 Test the value 'initial' 103 Test the value 'initial'
52 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'center' 104 PASS element.style.alignSelf is "center"
53 PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch' 105 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "cen ter"
106 PASS element.style.alignSelf is "initial"
107 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "sta rt"
108
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 "lef t safe"
112 PASS element.style.alignSelf is "initial"
113 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "str etch"
114
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 "rig ht true"
118 PASS element.style.alignSelf is "initial"
119 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "str etch"
120
121 Test the value 'initial' for positioned elements
122 PASS element.style.alignSelf is "left"
123 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "lef t"
124 PASS element.style.alignSelf is "initial"
125 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "str etch"
126
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 "rig ht"
130 PASS element.style.alignSelf is "initial"
131 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "str etch"
132
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 "str etch"
54 138
55 Test the value 'inherit' 139 Test the value 'inherit'
56 PASS getComputedStyle(parentElement, '').getPropertyValue('align-self') is 'end' 140 PASS element.style.alignSelf is "end"
57 PASS getComputedStyle(element, '').getPropertyValue('align-self') 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 "lef t safe"
146 PASS element.style.alignSelf is "inherit"
147 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "lef t safe"
148 PASS element.style.alignSelf is "center true"
149 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "cen ter true"
150 PASS element.style.alignSelf is "inherit"
151 PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "cen ter true"
58 PASS successfullyParsed is true 152 PASS successfullyParsed is true
59 153
60 TEST COMPLETE 154 TEST COMPLETE
61 155
OLDNEW
« LayoutTests/fast/alignment/parse-align-items.html ('K') | « LayoutTests/fast/alignment/parse-align-self.html ('k') | LayoutTests/fast/alignment/parse-justify-items.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698