blob: 6369e8c9f72ca66cb2d0edc89527c5d8bee56277 [file] [log] [blame]
Test that setting and getting align-self works as expected
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'
PASS getComputedStyle(alignSelfCenter, '').getPropertyValue('align-self') is 'center'
PASS getComputedStyle(alignSelfSelfEnd, '').getPropertyValue('align-self') is 'self-end'
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 'start'
Test getting and setting align-self through JS
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 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 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