| Test that setting and getting justify-content works as expected |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| Test getting justify-content set through CSS |
| PASS getComputedStyle(justifyContentAuto, '').getPropertyValue('justify-content') is "start" |
| PASS getComputedStyle(justifyContentBaseline, '').getPropertyValue('justify-content') is "baseline" |
| PASS getComputedStyle(justifyContentLastBaseline, '').getPropertyValue('justify-content') is "last-baseline" |
| PASS getComputedStyle(justifyContentSpaceBetween, '').getPropertyValue('justify-content') is "space-between" |
| PASS getComputedStyle(justifyContentSpaceAround, '').getPropertyValue('justify-content') is "space-around" |
| PASS getComputedStyle(justifyContentSpaceEvenly, '').getPropertyValue('justify-content') is "space-evenly" |
| PASS getComputedStyle(justifyContentStretch, '').getPropertyValue('justify-content') is "stretch" |
| PASS getComputedStyle(justifyContentStart, '').getPropertyValue('justify-content') is "start" |
| PASS getComputedStyle(justifyContentEnd, '').getPropertyValue('justify-content') is "end" |
| PASS getComputedStyle(justifyContentCenter, '').getPropertyValue('justify-content') is "center" |
| PASS getComputedStyle(justifyContentLeft, '').getPropertyValue('justify-content') is "left" |
| PASS getComputedStyle(justifyContentRight, '').getPropertyValue('justify-content') is "right" |
| PASS getComputedStyle(justifyContentFlexStart, '').getPropertyValue('justify-content') is "flex-start" |
| PASS getComputedStyle(justifyContentFlexEnd, '').getPropertyValue('justify-content') is "flex-end" |
| PASS getComputedStyle(justifyContentEndTrue, '').getPropertyValue('justify-content') is "end true" |
| PASS getComputedStyle(justifyContentCenterTrue, '').getPropertyValue('justify-content') is "center true" |
| PASS getComputedStyle(justifyContentRightSafe, '').getPropertyValue('justify-content') is "right safe" |
| PASS getComputedStyle(justifyContentLeftTrue, '').getPropertyValue('justify-content') is "left true" |
| PASS getComputedStyle(justifyContentFlexStartTrue, '').getPropertyValue('justify-content') is "flex-start true" |
| PASS getComputedStyle(justifyContentFlexEndSafe, '').getPropertyValue('justify-content') is "flex-end safe" |
| PASS getComputedStyle(justifyContentSpaceBetweenLeft, '').getPropertyValue('justify-content') is "space-between left" |
| PASS getComputedStyle(justifyContentSpaceAroundCenter, '').getPropertyValue('justify-content') is "space-around center" |
| PASS getComputedStyle(justifyContentSpaceEvenlyRight, '').getPropertyValue('justify-content') is "space-evenly right" |
| PASS getComputedStyle(justifyContentStretchStartSafe, '').getPropertyValue('justify-content') is "stretch start safe" |
| PASS getComputedStyle(justifyContentSpaceAroundEndTrue, '').getPropertyValue('justify-content') is "space-around end true" |
| PASS getComputedStyle(justifyContentSpaceEvenlyFlexStartSafe, '').getPropertyValue('justify-content') is "space-evenly flex-start safe" |
| PASS getComputedStyle(justifyContentSpaceBetweenSafe, '').getPropertyValue('justify-content') is "start" |
| PASS getComputedStyle(justifyContentSpaceBetweenStretch, '').getPropertyValue('justify-content') is "start" |
| PASS getComputedStyle(justifyContentSafe, '').getPropertyValue('justify-content') is "start" |
| PASS getComputedStyle(justifyContentRightSafeTrue, '').getPropertyValue('justify-content') is "start" |
| PASS getComputedStyle(justifyContentCenterLeft, '').getPropertyValue('justify-content') is "start" |
| |
| Test initial value of justify-content through JS |
| PASS getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| |
| Test getting and setting justify-content through JS |
| PASS element.style.justifyContent is "center" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "center" |
| PASS element.style.justifyContent is "start true" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start true" |
| PASS element.style.justifyContent is "flex-end safe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "flex-end safe" |
| PASS element.style.justifyContent is "space-between right safe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "space-between right safe" |
| PASS element.style.justifyContent is "stretch center" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "stretch center" |
| PASS element.style.justifyContent is "right true" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "right true" |
| PASS element.style.justifyContent is "auto" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "auto" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "stretch" |
| PASS element.style.justifyContent is "auto" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "flex-end" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "flex-end" |
| |
| Test bad combinations of justify-content |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| PASS element.style.justifyContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| |
| Test the value 'initial' |
| PASS element.style.justifyContent is "stretch center" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "stretch center" |
| PASS element.style.justifyContent is "initial" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| |
| Test the value 'initial' for grid containers |
| PASS element.style.justifyContent is "space-between left" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "space-between left" |
| PASS element.style.justifyContent is "initial" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "start" |
| |
| Test the value 'initial' for flex containers |
| PASS element.style.justifyContent is "right true" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "right true" |
| PASS element.style.justifyContent is "initial" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "stretch" |
| |
| Test the value 'inherit' |
| PASS element.style.justifyContent is "end" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "end" |
| PASS element.style.justifyContent is "inherit" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "end" |
| PASS element.style.justifyContent is "left safe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "left safe" |
| PASS element.style.justifyContent is "inherit" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "left safe" |
| PASS element.style.justifyContent is "stretch center" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "stretch center" |
| PASS element.style.justifyContent is "inherit" |
| PASS window.getComputedStyle(element, '').getPropertyValue('justify-content') is "stretch center" |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
