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

Unified 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, 5 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 side-by-side diff with in-line comments
Download patch
Index: LayoutTests/fast/alignment/parse-align-self-expected.txt
diff --git a/LayoutTests/fast/alignment/parse-align-self-expected.txt b/LayoutTests/fast/alignment/parse-align-self-expected.txt
index 0c3c417e2a9265bee30ff12c759804ed5ee4b069..6369e8c9f72ca66cb2d0edc89527c5d8bee56277 100644
--- a/LayoutTests/fast/alignment/parse-align-self-expected.txt
+++ b/LayoutTests/fast/alignment/parse-align-self-expected.txt
@@ -5,6 +5,7 @@ On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
Test getting align-self set through CSS
PASS getComputedStyle(alignSelfBaseline, '').getPropertyValue('align-self') is 'baseline'
+PASS getComputedStyle(alignSelfLastBaseline, '').getPropertyValue('align-self') is 'last-baseline'
PASS getComputedStyle(alignSelfStretch, '').getPropertyValue('align-self') is 'stretch'
PASS getComputedStyle(alignSelfStart, '').getPropertyValue('align-self') is 'start'
PASS getComputedStyle(alignSelfEnd, '').getPropertyValue('align-self') is 'end'
@@ -13,48 +14,141 @@ PASS getComputedStyle(alignSelfSelfEnd, '').getPropertyValue('align-self') is 's
PASS getComputedStyle(alignSelfSelfStart, '').getPropertyValue('align-self') is 'self-start'
PASS getComputedStyle(alignSelfLeft, '').getPropertyValue('align-self') is 'left'
PASS getComputedStyle(alignSelfRight, '').getPropertyValue('align-self') is 'right'
+PASS getComputedStyle(alignSelfFlexStart, '').getPropertyValue('align-self') is 'flex-start'
+PASS getComputedStyle(alignSelfFlexEnd, '').getPropertyValue('align-self') is 'flex-end'
PASS getComputedStyle(alignSelfEndTrue, '').getPropertyValue('align-self') is 'end true'
PASS getComputedStyle(alignSelfCenterTrue, '').getPropertyValue('align-self') is 'center true'
PASS getComputedStyle(alignSelfSelfEndSafe, '').getPropertyValue('align-self') is 'self-end safe'
PASS getComputedStyle(alignSelfSelfStartSafe, '').getPropertyValue('align-self') is 'self-start safe'
PASS getComputedStyle(alignSelfRightSafe, '').getPropertyValue('align-self') is 'right safe'
PASS getComputedStyle(alignSelfLeftTrue, '').getPropertyValue('align-self') is 'left true'
+PASS getComputedStyle(alignSelfFlexStartTrue, '').getPropertyValue('align-self') is 'flex-start true'
+PASS getComputedStyle(alignSelfFlexEndSafe, '').getPropertyValue('align-self') is 'flex-end safe'
Test initial value of align-self through JS
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
+PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'start'
Test getting and setting align-self through JS
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'center'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'start true'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-
-Test bad combinaisons of align-self
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
+PASS element.style.alignSelf is "center"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "center"
+PASS element.style.alignSelf is "start true"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start true"
+PASS element.style.alignSelf is "flex-end safe"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "flex-end safe"
+PASS element.style.alignSelf is "right"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "right"
+PASS element.style.alignSelf is "center"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "center"
+PASS element.style.alignSelf is "self-start"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "self-start"
+PASS element.style.alignSelf is "auto"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is "auto"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "stretch"
+PASS element.style.alignSelf is "auto"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "stretch"
+PASS element.style.alignSelf is "self-end"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "self-end"
+
+Test bad combinations of align-self
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+PASS element.style.alignSelf is ""
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
Test the value 'initial'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'center'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'stretch'
+PASS element.style.alignSelf is "center"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "center"
+PASS element.style.alignSelf is "initial"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "start"
+
+Test the value 'initial' for grid containers
+PASS element.style.alignSelf is "left safe"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "left safe"
+PASS element.style.alignSelf is "initial"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "stretch"
+
+Test the value 'initial' for flex containers
+PASS element.style.alignSelf is "right true"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "right true"
+PASS element.style.alignSelf is "initial"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "stretch"
+
+Test the value 'initial' for positioned elements
+PASS element.style.alignSelf is "left"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "left"
+PASS element.style.alignSelf is "initial"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "stretch"
+
+Test the value 'initial' for positioned elements in grid containers
+PASS element.style.alignSelf is "right"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "right"
+PASS element.style.alignSelf is "initial"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "stretch"
+
+Test the value 'initial' for positioned elements in grid containers
+PASS element.style.alignSelf is "end"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "end"
+PASS element.style.alignSelf is "initial"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "stretch"
Test the value 'inherit'
-PASS getComputedStyle(parentElement, '').getPropertyValue('align-self') is 'end'
-PASS getComputedStyle(element, '').getPropertyValue('align-self') is 'end'
+PASS element.style.alignSelf is "end"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "end"
+PASS element.style.alignSelf is "inherit"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "end"
+PASS element.style.alignSelf is "left safe"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "left safe"
+PASS element.style.alignSelf is "inherit"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "left safe"
+PASS element.style.alignSelf is "center true"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "center true"
+PASS element.style.alignSelf is "inherit"
+PASS window.getComputedStyle(element, '').getPropertyValue('align-self') is "center true"
PASS successfullyParsed is true
TEST COMPLETE

Powered by Google App Engine
This is Rietveld 408576698