| Test that setting and getting align-items works as expected |
| |
| On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE". |
| |
| |
| Test getting align-items set through CSS |
| PASS getComputedStyle(alignItemsBaseline, '').getPropertyValue('-webkit-align-items') is 'baseline' |
| PASS getComputedStyle(alignItemsLastBaseline, '').getPropertyValue('-webkit-align-items') is 'last-baseline' |
| PASS getComputedStyle(alignItemsStretch, '').getPropertyValue('-webkit-align-items') is 'stretch' |
| PASS getComputedStyle(alignItemsStart, '').getPropertyValue('-webkit-align-items') is 'start' |
| PASS getComputedStyle(alignItemsEnd, '').getPropertyValue('-webkit-align-items') is 'end' |
| PASS getComputedStyle(alignItemsCenter, '').getPropertyValue('-webkit-align-items') is 'center' |
| PASS getComputedStyle(alignItemsSelfEnd, '').getPropertyValue('-webkit-align-items') is 'self-end' |
| PASS getComputedStyle(alignItemsSelfStart, '').getPropertyValue('-webkit-align-items') is 'self-start' |
| PASS getComputedStyle(alignItemsLeft, '').getPropertyValue('-webkit-align-items') is 'left' |
| PASS getComputedStyle(alignItemsRight, '').getPropertyValue('-webkit-align-items') is 'right' |
| PASS getComputedStyle(alignItemsFlexStart, '').getPropertyValue('-webkit-align-items') is 'flex-start' |
| PASS getComputedStyle(alignItemsFlexEnd, '').getPropertyValue('-webkit-align-items') is 'flex-end' |
| PASS getComputedStyle(alignItemsEndUnsafe, '').getPropertyValue('-webkit-align-items') is 'end unsafe' |
| PASS getComputedStyle(alignItemsCenterUnsafe, '').getPropertyValue('-webkit-align-items') is 'center unsafe' |
| PASS getComputedStyle(alignItemsSelfEndSafe, '').getPropertyValue('-webkit-align-items') is 'self-end safe' |
| PASS getComputedStyle(alignItemsSelfStartSafe, '').getPropertyValue('-webkit-align-items') is 'self-start safe' |
| PASS getComputedStyle(alignItemsRightSafe, '').getPropertyValue('-webkit-align-items') is 'right safe' |
| PASS getComputedStyle(alignItemsLeftUnsafe, '').getPropertyValue('-webkit-align-items') is 'left unsafe' |
| PASS getComputedStyle(alignItemsFlexStartUnsafe, '').getPropertyValue('-webkit-align-items') is 'flex-start unsafe' |
| PASS getComputedStyle(alignItemsFlexEndSafe, '').getPropertyValue('-webkit-align-items') is 'flex-end safe' |
| |
| Test initial value of align-items through JS |
| PASS getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is 'normal' |
| |
| Test getting and setting align-items through JS |
| PASS element.style.webkitAlignItems is "center" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "center" |
| PASS element.style.webkitAlignItems is "start unsafe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "start unsafe" |
| PASS element.style.webkitAlignItems is "flex-end safe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "flex-end safe" |
| PASS element.style.webkitAlignItems is "right" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "right" |
| PASS element.style.webkitAlignItems is "center" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "center" |
| PASS element.style.webkitAlignItems is "self-start" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "self-start" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "self-end" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "self-end" |
| |
| Test bad combinations of align-items |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| PASS element.style.webkitAlignItems is "" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| |
| Test the value 'initial' |
| PASS element.style.webkitAlignItems is "center" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "center" |
| PASS element.style.webkitAlignItems is "initial" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| |
| Test the value 'initial' for grid containers |
| PASS element.style.webkitAlignItems is "left safe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "left safe" |
| PASS element.style.webkitAlignItems is "initial" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| |
| Test the value 'initial' for flex containers |
| PASS element.style.webkitAlignItems is "right unsafe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "right unsafe" |
| PASS element.style.webkitAlignItems is "initial" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "normal" |
| |
| Test the value 'inherit' |
| PASS element.style.webkitAlignItems is "end" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "end" |
| PASS element.style.webkitAlignItems is "inherit" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "end" |
| PASS element.style.webkitAlignItems is "left safe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "left safe" |
| PASS element.style.webkitAlignItems is "inherit" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "left safe" |
| PASS element.style.webkitAlignItems is "center unsafe" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "center unsafe" |
| PASS element.style.webkitAlignItems is "inherit" |
| PASS window.getComputedStyle(element, '').getPropertyValue('-webkit-align-items') is "center unsafe" |
| PASS successfullyParsed is true |
| |
| TEST COMPLETE |
| |
