LayoutTests/fast/alignment/parse-justify-self-expected.txt - Issue 363133003: [CSS Grid Layout] Adapting align-self, align-items and justify-self to the last CSS 3 spec.

Unified Diff: LayoutTests/fast/alignment/parse-justify-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

« LayoutTests/fast/alignment/parse-align-items.html ('K') | « LayoutTests/fast/alignment/parse-justify-self.html ('k') | LayoutTests/fast/alignment/resources/alignment-parsing-utils.js » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/fast/alignment/parse-justify-self-expected.txt

diff --git a/LayoutTests/fast/alignment/parse-justify-self-expected.txt b/LayoutTests/fast/alignment/parse-justify-self-expected.txt

index 4625f0d57fc92837bc17e111e88ac49868bb23f4..b6bbfbad2e15e498ad049238b335c5f2b03d4e39 100644

--- a/LayoutTests/fast/alignment/parse-justify-self-expected.txt

+++ b/LayoutTests/fast/alignment/parse-justify-self-expected.txt

@@ -5,6 +5,7 @@ On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE

Test getting justify-self set through CSS

PASS getComputedStyle(justifySelfBaseline, '').getPropertyValue('justify-self') is 'baseline'

+PASS getComputedStyle(justifySelfLastBaseline, '').getPropertyValue('justify-self') is 'last-baseline'

PASS getComputedStyle(justifySelfStretch, '').getPropertyValue('justify-self') is 'stretch'

PASS getComputedStyle(justifySelfStart, '').getPropertyValue('justify-self') is 'start'

PASS getComputedStyle(justifySelfEnd, '').getPropertyValue('justify-self') is 'end'

@@ -13,49 +14,141 @@ PASS getComputedStyle(justifySelfSelfEnd, '').getPropertyValue('justify-self') i

PASS getComputedStyle(justifySelfSelfStart, '').getPropertyValue('justify-self') is 'self-start'

PASS getComputedStyle(justifySelfLeft, '').getPropertyValue('justify-self') is 'left'

PASS getComputedStyle(justifySelfRight, '').getPropertyValue('justify-self') is 'right'

+PASS getComputedStyle(justifySelfFlexStart, '').getPropertyValue('justify-self') is 'flex-start'

+PASS getComputedStyle(justifySelfFlexEnd, '').getPropertyValue('justify-self') is 'flex-end'

PASS getComputedStyle(justifySelfEndTrue, '').getPropertyValue('justify-self') is 'end true'

PASS getComputedStyle(justifySelfCenterTrue, '').getPropertyValue('justify-self') is 'center true'

PASS getComputedStyle(justifySelfSelfEndSafe, '').getPropertyValue('justify-self') is 'self-end safe'

PASS getComputedStyle(justifySelfSelfStartSafe, '').getPropertyValue('justify-self') is 'self-start safe'

PASS getComputedStyle(justifySelfRightSafe, '').getPropertyValue('justify-self') is 'right safe'

PASS getComputedStyle(justifySelfLeftTrue, '').getPropertyValue('justify-self') is 'left true'

+PASS getComputedStyle(justifySelfFlexStartTrue, '').getPropertyValue('justify-self') is 'flex-start true'

+PASS getComputedStyle(justifySelfFlexEndSafe, '').getPropertyValue('justify-self') is 'flex-end safe'

Test initial value of justify-self through JS

-PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'

+PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'start'

Test getting and setting justify-self through JS

-PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'center'

-PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'start true'

-PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'

-Test bad combinaisons of justify-self

-PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'

+PASS element.style.justifySelf is "center"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "center"

+PASS element.style.justifySelf is "start true"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start true"

+PASS element.style.justifySelf is "flex-end safe"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "flex-end safe"

+PASS element.style.justifySelf is "right"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "right"

+PASS element.style.justifySelf is "center"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "center"

+PASS element.style.justifySelf is "self-start"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "self-start"

+PASS element.style.justifySelf is "auto"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is "auto"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "stretch"

+PASS element.style.justifySelf is "auto"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "stretch"

+PASS element.style.justifySelf is "self-end"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "self-end"

+Test bad combinations of justify-self

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+PASS element.style.justifySelf is ""

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

Test the value 'initial'

-PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'center'

-PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'auto'

+PASS element.style.justifySelf is "center"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "center"

+PASS element.style.justifySelf is "initial"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start"

+Test the value 'initial' for grid containers

+PASS element.style.justifySelf is "left safe"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "left safe"

+PASS element.style.justifySelf is "initial"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "stretch"

+Test the value 'initial' for flex containers

+PASS element.style.justifySelf is "right true"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "right true"

+PASS element.style.justifySelf is "initial"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "stretch"

+Test the value 'initial' for positioned elements

+PASS element.style.justifySelf is "left"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "left"

+PASS element.style.justifySelf is "initial"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "stretch"

+Test the value 'initial' for positioned elements in grid containers

+PASS element.style.justifySelf is "right"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "right"

+PASS element.style.justifySelf is "initial"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "stretch"

+Test the value 'initial' for positioned elements in grid containers

+PASS element.style.justifySelf is "end"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "end"

+PASS element.style.justifySelf is "initial"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "stretch"

Test the value 'inherit'

-PASS getComputedStyle(parentElement, '').getPropertyValue('justify-self') is 'end'

-PASS getComputedStyle(element, '').getPropertyValue('justify-self') is 'end'

+PASS element.style.justifySelf is "end"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "end"

+PASS element.style.justifySelf is "inherit"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "end"

+PASS element.style.justifySelf is "left safe"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "left safe"

+PASS element.style.justifySelf is "inherit"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "left safe"

+PASS element.style.justifySelf is "center true"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "center true"

+PASS element.style.justifySelf is "inherit"

+PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "center true"

PASS successfullyParsed is true

TEST COMPLETE