| 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('-webkit-align-self') is 'baseline' |
| PASS getComputedStyle(alignSelfLastBaseline, '').getPropertyValue('-webkit-align-self') is 'last-baseline' |
| PASS getComputedStyle(alignSelfStretch, '').getPropertyValue('-webkit-align-self') is 'stretch' |
| PASS getComputedStyle(alignSelfStart, '').getPropertyValue('-webkit-align-self') is 'start' |
| PASS getComputedStyle(alignSelfEnd, '').getPropertyValue('-webkit-align-self') is 'end' |
| PASS getComputedStyle(alignSelfCenter, '').getPropertyValue('-webkit-align-self') is 'center' |
| PASS getComputedStyle(alignSelfSelfEnd, '').getPropertyValue('-webkit-align-self') is 'self-end' |
| PASS getComputedStyle(alignSelfSelfStart, '').getPropertyValue('-webkit-align-self') is 'self-start' |
| PASS getComputedStyle(alignSelfLeft, '').getPropertyValue('-webkit-align-self') is 'left' |
| PASS getComputedStyle(alignSelfRight, '').getPropertyValue('-webkit-align-self') is 'right' |
| PASS getComputedStyle(alignSelfFlexStart, '').getPropertyValue('-webkit-align-self') is 'flex-start' |
| PASS getComputedStyle(alignSelfFlexEnd, '').getPropertyValue('-webkit-align-self') is 'flex-end' |
| PASS getComputedStyle(alignSelfEndTrue, '').getPropertyValue('-webkit-align-self') is 'end true' |
| PASS getComputedStyle(alignSelfCenterTrue, '').getPropertyValue('-webkit-align-self') is 'center true' |
| PASS getComputedStyle(alignSelfSelfEndSafe, '').getPropertyValue('-webkit-align-self') is 'self-end safe' |
| PASS getComputedStyle(alignSelfSelfStartSafe, '').getPropertyValue('-webkit-align-self') is 'self-start safe' |
| PASS getComputedStyle(alignSelfRightSafe, '').getPropertyValue('-webkit-align-self') is 'right safe' |
| PASS getComputedStyle(alignSelfLeftTrue, '').getPropertyValue('-webkit-align-self') is 'left true' |
| PASS getComputedStyle(alignSelfFlexStartTrue, '').getPropertyValue('-webkit-align-self') is 'flex-start true' |
| PASS getComputedStyle(alignSelfFlexEndSafe, '').getPropertyValue('-webkit-align-self') is 'flex-end safe' |
| |
| Test initial value of align-self through JS |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is 'start' |
| |
| Test getting and setting align-self through JS |
| PASS element.style.webkitAlignSelf is "center" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "center" |
| PASS element.style.webkitAlignSelf is "start true" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start true" |
| PASS element.style.webkitAlignSelf is "flex-end safe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "flex-end safe" |
| PASS element.style.webkitAlignSelf is "right" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "right" |
| PASS element.style.webkitAlignSelf is "center" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "center" |
| PASS element.style.webkitAlignSelf is "self-start" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "self-start" |
| PASS element.style.webkitAlignSelf is "auto" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "auto" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "stretch" |
| PASS element.style.webkitAlignSelf is "auto" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "stretch" |
| PASS element.style.webkitAlignSelf is "self-end" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "self-end" |
| |
| Test bad combinations of align-self |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| PASS element.style.webkitAlignSelf is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| |
| Test the value 'initial' |
| PASS element.style.webkitAlignSelf is "center" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "center" |
| PASS element.style.webkitAlignSelf is "initial" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "start" |
| |
| Test the value 'initial' for grid containers |
| PASS element.style.webkitAlignSelf is "left safe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "left safe" |
| PASS element.style.webkitAlignSelf is "initial" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "stretch" |
| |
| Test the value 'initial' for flex containers |
| PASS element.style.webkitAlignSelf is "right true" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "right true" |
| PASS element.style.webkitAlignSelf is "initial" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "stretch" |
| |
| Test the value 'initial' for positioned elements |
| PASS element.style.webkitAlignSelf is "left" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "left" |
| PASS element.style.webkitAlignSelf is "initial" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "auto" |
| |
| Test the value 'initial' for positioned elements in grid containers |
| PASS element.style.webkitAlignSelf is "right" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "right" |
| PASS element.style.webkitAlignSelf is "initial" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "auto" |
| |
| Test the value 'initial' for positioned elements in grid containers |
| PASS element.style.webkitAlignSelf is "end" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "end" |
| PASS element.style.webkitAlignSelf is "initial" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "auto" |
| |
| Test the value 'inherit' |
| PASS element.style.webkitAlignSelf is "end" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "end" |
| PASS element.style.webkitAlignSelf is "inherit" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "end" |
| PASS element.style.webkitAlignSelf is "left safe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "left safe" |
| PASS element.style.webkitAlignSelf is "inherit" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "left safe" |
| PASS element.style.webkitAlignSelf is "center true" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "center true" |
| PASS element.style.webkitAlignSelf is "inherit" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-self') is "center true" |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
