| Test that setting and getting align-content works as expected |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| Test getting align-content set through CSS |
| PASS getComputedStyle(alignContentAuto, '').getPropertyValue('align-content') is "start" |
| PASS getComputedStyle(alignContentBaseline, '').getPropertyValue('align-content') is "baseline" |
| PASS getComputedStyle(alignContentLastBaseline, '').getPropertyValue('align-content') is "last-baseline" |
| PASS getComputedStyle(alignContentSpaceBetween, '').getPropertyValue('align-content') is "space-between" |
| PASS getComputedStyle(alignContentSpaceAround, '').getPropertyValue('align-content') is "space-around" |
| PASS getComputedStyle(alignContentSpaceEvenly, '').getPropertyValue('align-content') is "space-evenly" |
| PASS getComputedStyle(alignContentStretch, '').getPropertyValue('align-content') is "stretch" |
| PASS getComputedStyle(alignContentStart, '').getPropertyValue('align-content') is "start" |
| PASS getComputedStyle(alignContentEnd, '').getPropertyValue('align-content') is "end" |
| PASS getComputedStyle(alignContentCenter, '').getPropertyValue('align-content') is "center" |
| PASS getComputedStyle(alignContentLeft, '').getPropertyValue('align-content') is "left" |
| PASS getComputedStyle(alignContentRight, '').getPropertyValue('align-content') is "right" |
| PASS getComputedStyle(alignContentFlexStart, '').getPropertyValue('align-content') is "flex-start" |
| PASS getComputedStyle(alignContentFlexEnd, '').getPropertyValue('align-content') is "flex-end" |
| PASS getComputedStyle(alignContentEndTrue, '').getPropertyValue('align-content') is "end true" |
| PASS getComputedStyle(alignContentCenterTrue, '').getPropertyValue('align-content') is "center true" |
| PASS getComputedStyle(alignContentRightSafe, '').getPropertyValue('align-content') is "right safe" |
| PASS getComputedStyle(alignContentLeftTrue, '').getPropertyValue('align-content') is "left true" |
| PASS getComputedStyle(alignContentFlexStartTrue, '').getPropertyValue('align-content') is "flex-start true" |
| PASS getComputedStyle(alignContentFlexEndSafe, '').getPropertyValue('align-content') is "flex-end safe" |
| PASS getComputedStyle(alignContentSpaceBetweenLeft, '').getPropertyValue('align-content') is "space-between left" |
| PASS getComputedStyle(alignContentSpaceAroundCenter, '').getPropertyValue('align-content') is "space-around center" |
| PASS getComputedStyle(alignContentSpaceEvenlyRight, '').getPropertyValue('align-content') is "space-evenly right" |
| PASS getComputedStyle(alignContentStretchStartSafe, '').getPropertyValue('align-content') is "stretch start safe" |
| PASS getComputedStyle(alignContentSpaceAroundEndTrue, '').getPropertyValue('align-content') is "space-around end true" |
| PASS getComputedStyle(alignContentSpaceEvenlyFlexStartSafe, '').getPropertyValue('align-content') is "space-evenly flex-start safe" |
| PASS getComputedStyle(alignContentSpaceBetweenSafe, '').getPropertyValue('align-content') is "start" |
| PASS getComputedStyle(alignContentSpaceBetweenStretch, '').getPropertyValue('align-content') is "start" |
| PASS getComputedStyle(alignContentSafe, '').getPropertyValue('align-content') is "start" |
| PASS getComputedStyle(alignContentRightSafeTrue, '').getPropertyValue('align-content') is "start" |
| PASS getComputedStyle(alignContentCenterLeft, '').getPropertyValue('align-content') is "start" |
| |
| Test initial value of align-content through JS |
| PASS getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| |
| Test getting and setting align-content through JS |
| PASS element.style.alignContent is "center" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "center" |
| PASS element.style.alignContent is "start true" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start true" |
| PASS element.style.alignContent is "flex-end safe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "flex-end safe" |
| PASS element.style.alignContent is "space-between right safe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "space-between right safe" |
| PASS element.style.alignContent is "stretch center" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "stretch center" |
| PASS element.style.alignContent is "right true" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "right true" |
| PASS element.style.alignContent is "auto" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "auto" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "stretch" |
| PASS element.style.alignContent is "auto" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "flex-end" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "flex-end" |
| |
| Test bad combinations of align-content |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| PASS element.style.alignContent is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| |
| Test the value 'initial' |
| PASS element.style.alignContent is "stretch center" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "stretch center" |
| PASS element.style.alignContent is "initial" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| |
| Test the value 'initial' for grid containers |
| PASS element.style.alignContent is "space-between left" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "space-between left" |
| PASS element.style.alignContent is "initial" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "start" |
| |
| Test the value 'initial' for flex containers |
| PASS element.style.alignContent is "right true" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "right true" |
| PASS element.style.alignContent is "initial" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "stretch" |
| |
| Test the value 'inherit' |
| PASS element.style.alignContent is "end" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "end" |
| PASS element.style.alignContent is "inherit" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "end" |
| PASS element.style.alignContent is "left safe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "left safe" |
| PASS element.style.alignContent is "inherit" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "left safe" |
| PASS element.style.alignContent is "stretch center" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "stretch center" |
| PASS element.style.alignContent is "inherit" |
| PASS window.getComputedStyle(element, '').getPropertyValue('align-content') is "stretch center" |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
