| Test that setting and getting justify-self works as expected |
| |
| 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' |
| PASS getComputedStyle(justifySelfCenter, '').getPropertyValue('justify-self') is 'center' |
| PASS getComputedStyle(justifySelfSelfEnd, '').getPropertyValue('justify-self') is 'self-end' |
| 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(justifySelfEndUnsafe, '').getPropertyValue('justify-self') is 'end unsafe' |
| PASS getComputedStyle(justifySelfCenterUnsafe, '').getPropertyValue('justify-self') is 'center unsafe' |
| 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(justifySelfLeftUnsafe, '').getPropertyValue('justify-self') is 'left unsafe' |
| PASS getComputedStyle(justifySelfFlexStartUnsafe, '').getPropertyValue('justify-self') is 'flex-start unsafe' |
| 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 'start' |
| |
| Test getting and setting justify-self through JS |
| PASS element.style.justifySelf is "center" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "center" |
| PASS element.style.justifySelf is "start unsafe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "start unsafe" |
| 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 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 unsafe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "right unsafe" |
| 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 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 unsafe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "center unsafe" |
| PASS element.style.justifySelf is "inherit" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-self') is "center unsafe" |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |