| OLD | NEW |
| 1 Tests being able to set the display to flex and inline-flex. | 1 Tests being able to set the display to flex and inline-flex. |
| 2 | 2 |
| 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". | 3 On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE
". |
| 4 | 4 |
| 5 | 5 |
| 6 PASS flexbox.style.display is "flex" | 6 PASS flexbox.style.display is "flex" |
| 7 PASS flexbox.style.display is "inline" | 7 PASS flexbox.style.display is "inline" |
| 8 PASS flexbox.style.display is "inline-flex" | 8 PASS flexbox.style.display is "inline-flex" |
| 9 PASS flexbox.style.display is "inline-flex" | 9 PASS flexbox.style.display is "inline-flex" |
| 10 PASS flexbox.style.display is "block" | 10 PASS flexbox.style.display is "block" |
| (...skipping 13 matching lines...) Expand all Loading... |
| 24 PASS window.getComputedStyle(flexbox, null).justifyContent is "flex-end" | 24 PASS window.getComputedStyle(flexbox, null).justifyContent is "flex-end" |
| 25 PASS flexbox.style.justifyContent is "center" | 25 PASS flexbox.style.justifyContent is "center" |
| 26 PASS window.getComputedStyle(flexbox, null).justifyContent is "center" | 26 PASS window.getComputedStyle(flexbox, null).justifyContent is "center" |
| 27 PASS flexbox.style.justifyContent is "space-between" | 27 PASS flexbox.style.justifyContent is "space-between" |
| 28 PASS window.getComputedStyle(flexbox, null).justifyContent is "space-between" | 28 PASS window.getComputedStyle(flexbox, null).justifyContent is "space-between" |
| 29 PASS flexbox.style.justifyContent is "space-evenly" | 29 PASS flexbox.style.justifyContent is "space-evenly" |
| 30 PASS window.getComputedStyle(flexbox, null).justifyContent is "space-evenly" | 30 PASS window.getComputedStyle(flexbox, null).justifyContent is "space-evenly" |
| 31 PASS flexbox.style.justifyContent is "" | 31 PASS flexbox.style.justifyContent is "" |
| 32 PASS window.getComputedStyle(flexbox, null).justifyContent is "normal" | 32 PASS window.getComputedStyle(flexbox, null).justifyContent is "normal" |
| 33 PASS flexbox.style.alignSelf is "" | 33 PASS flexbox.style.alignSelf is "" |
| 34 PASS window.getComputedStyle(flexbox, null).alignSelf is "normal" | 34 PASS window.getComputedStyle(flexbox, null).alignSelf is "auto" |
| 35 PASS window.getComputedStyle(document.documentElement, null).alignSelf is "norma
l" | 35 PASS window.getComputedStyle(document.documentElement, null).alignSelf is "auto" |
| 36 PASS flexbox.style.alignSelf is "" | 36 PASS flexbox.style.alignSelf is "" |
| 37 PASS window.getComputedStyle(flexbox, null).alignSelf is "normal" | 37 PASS window.getComputedStyle(flexbox, null).alignSelf is "auto" |
| 38 PASS flexbox.style.alignSelf is "auto" | 38 PASS flexbox.style.alignSelf is "auto" |
| 39 PASS window.getComputedStyle(flexbox, null).alignSelf is "normal" | 39 PASS window.getComputedStyle(flexbox, null).alignSelf is "auto" |
| 40 PASS flexbox.style.alignSelf is "flex-start" | 40 PASS flexbox.style.alignSelf is "flex-start" |
| 41 PASS window.getComputedStyle(flexbox, null).alignSelf is "flex-start" | 41 PASS window.getComputedStyle(flexbox, null).alignSelf is "flex-start" |
| 42 PASS flexbox.style.alignSelf is "flex-end" | 42 PASS flexbox.style.alignSelf is "flex-end" |
| 43 PASS window.getComputedStyle(flexbox, null).alignSelf is "flex-end" | 43 PASS window.getComputedStyle(flexbox, null).alignSelf is "flex-end" |
| 44 PASS flexbox.style.alignSelf is "center" | 44 PASS flexbox.style.alignSelf is "center" |
| 45 PASS window.getComputedStyle(flexbox, null).alignSelf is "center" | 45 PASS window.getComputedStyle(flexbox, null).alignSelf is "center" |
| 46 PASS flexbox.style.alignSelf is "stretch" | 46 PASS flexbox.style.alignSelf is "stretch" |
| 47 PASS window.getComputedStyle(flexbox, null).alignSelf is "stretch" | 47 PASS window.getComputedStyle(flexbox, null).alignSelf is "stretch" |
| 48 PASS flexbox.style.alignSelf is "baseline" | 48 PASS flexbox.style.alignSelf is "baseline" |
| 49 PASS window.getComputedStyle(flexbox, null).alignSelf is "baseline" | 49 PASS window.getComputedStyle(flexbox, null).alignSelf is "baseline" |
| 50 PASS flexbox.style.alignSelf is "" | 50 PASS flexbox.style.alignSelf is "" |
| 51 PASS window.getComputedStyle(flexbox, null).alignSelf is "normal" | 51 PASS window.getComputedStyle(flexbox, null).alignSelf is "auto" |
| 52 PASS flexbox.style.alignItems is "" | 52 PASS flexbox.style.alignItems is "" |
| 53 PASS flexitem.style.alignSelf is "" | 53 PASS flexitem.style.alignSelf is "" |
| 54 PASS window.getComputedStyle(flexbox, null).alignItems is "normal" | 54 PASS window.getComputedStyle(flexbox, null).alignItems is "normal" |
| 55 PASS window.getComputedStyle(flexitem, null).alignSelf is "normal" | 55 PASS window.getComputedStyle(flexitem, null).alignSelf is "auto" |
| 56 PASS flexbox.style.alignItems is "" | 56 PASS flexbox.style.alignItems is "" |
| 57 PASS flexitem.style.alignSelf is "" | 57 PASS flexitem.style.alignSelf is "" |
| 58 PASS window.getComputedStyle(flexbox, null).alignItems is "normal" | 58 PASS window.getComputedStyle(flexbox, null).alignItems is "normal" |
| 59 PASS window.getComputedStyle(flexitem, null).alignSelf is "normal" | 59 PASS window.getComputedStyle(flexitem, null).alignSelf is "auto" |
| 60 PASS flexbox.style.alignItems is "" | 60 PASS flexbox.style.alignItems is "" |
| 61 PASS flexitem.style.alignSelf is "" | 61 PASS flexitem.style.alignSelf is "" |
| 62 PASS window.getComputedStyle(flexbox, null).alignItems is "normal" | 62 PASS window.getComputedStyle(flexbox, null).alignItems is "normal" |
| 63 PASS window.getComputedStyle(flexitem, null).alignSelf is "normal" | 63 PASS window.getComputedStyle(flexitem, null).alignSelf is "auto" |
| 64 PASS flexbox.style.alignItems is "flex-start" | 64 PASS flexbox.style.alignItems is "flex-start" |
| 65 PASS flexitem.style.alignSelf is "" | 65 PASS flexitem.style.alignSelf is "" |
| 66 PASS window.getComputedStyle(flexbox, null).alignItems is "flex-start" | 66 PASS window.getComputedStyle(flexbox, null).alignItems is "flex-start" |
| 67 PASS window.getComputedStyle(flexitem, null).alignSelf is "flex-start" | 67 FAIL window.getComputedStyle(flexitem, null).alignSelf should be flex-start. Was
auto. |
| 68 PASS flexbox.style.alignItems is "flex-end" | 68 PASS flexbox.style.alignItems is "flex-end" |
| 69 PASS window.getComputedStyle(flexbox, null).alignItems is "flex-end" | 69 PASS window.getComputedStyle(flexbox, null).alignItems is "flex-end" |
| 70 PASS window.getComputedStyle(flexitem, null).alignSelf is "flex-end" | 70 FAIL window.getComputedStyle(flexitem, null).alignSelf should be flex-end. Was a
uto. |
| 71 PASS flexbox.style.alignItems is "center" | 71 PASS flexbox.style.alignItems is "center" |
| 72 PASS window.getComputedStyle(flexbox, null).alignItems is "center" | 72 PASS window.getComputedStyle(flexbox, null).alignItems is "center" |
| 73 PASS window.getComputedStyle(flexitem, null).alignSelf is "center" | 73 FAIL window.getComputedStyle(flexitem, null).alignSelf should be center. Was aut
o. |
| 74 PASS flexbox.style.alignItems is "stretch" | 74 PASS flexbox.style.alignItems is "stretch" |
| 75 PASS window.getComputedStyle(flexbox, null).alignItems is "stretch" | 75 PASS window.getComputedStyle(flexbox, null).alignItems is "stretch" |
| 76 PASS window.getComputedStyle(flexitem, null).alignSelf is "stretch" | 76 FAIL window.getComputedStyle(flexitem, null).alignSelf should be stretch. Was au
to. |
| 77 PASS flexbox.style.alignItems is "baseline" | 77 PASS flexbox.style.alignItems is "baseline" |
| 78 PASS window.getComputedStyle(flexbox, null).alignItems is "baseline" | 78 PASS window.getComputedStyle(flexbox, null).alignItems is "baseline" |
| 79 PASS window.getComputedStyle(flexitem, null).alignSelf is "baseline" | 79 FAIL window.getComputedStyle(flexitem, null).alignSelf should be baseline. Was a
uto. |
| 80 PASS flexbox.style.alignItems is "" | 80 PASS flexbox.style.alignItems is "" |
| 81 PASS window.getComputedStyle(flexbox, null).alignItems is "normal" | 81 PASS window.getComputedStyle(flexbox, null).alignItems is "normal" |
| 82 PASS window.getComputedStyle(flexitem, null).alignSelf is "normal" | 82 PASS window.getComputedStyle(flexitem, null).alignSelf is "auto" |
| 83 PASS flexbox.style.alignItems is "" | 83 PASS flexbox.style.alignItems is "" |
| 84 PASS window.getComputedStyle(flexbox, null).alignItems is "normal" | 84 PASS window.getComputedStyle(flexbox, null).alignItems is "normal" |
| 85 PASS window.getComputedStyle(flexitem, null).alignSelf is "normal" | 85 PASS window.getComputedStyle(flexitem, null).alignSelf is "auto" |
| 86 PASS window.getComputedStyle(detachedFlexbox, null).alignSelf is "" | 86 PASS window.getComputedStyle(detachedFlexbox, null).alignSelf is "" |
| 87 PASS window.getComputedStyle(detachedFlexItem, null).alignSelf is "" | 87 PASS window.getComputedStyle(detachedFlexItem, null).alignSelf is "" |
| 88 PASS flexbox.style.flexDirection is "" | 88 PASS flexbox.style.flexDirection is "" |
| 89 PASS window.getComputedStyle(flexbox, null).flexDirection is "row" | 89 PASS window.getComputedStyle(flexbox, null).flexDirection is "row" |
| 90 PASS flexbox.style.flexDirection is "" | 90 PASS flexbox.style.flexDirection is "" |
| 91 PASS flexbox.style.flexDirection is "row" | 91 PASS flexbox.style.flexDirection is "row" |
| 92 PASS window.getComputedStyle(flexbox, null).flexDirection is "row" | 92 PASS window.getComputedStyle(flexbox, null).flexDirection is "row" |
| 93 PASS flexbox.style.flexDirection is "row-reverse" | 93 PASS flexbox.style.flexDirection is "row-reverse" |
| 94 PASS window.getComputedStyle(flexbox, null).flexDirection is "row-reverse" | 94 PASS window.getComputedStyle(flexbox, null).flexDirection is "row-reverse" |
| 95 PASS flexbox.style.flexDirection is "column" | 95 PASS flexbox.style.flexDirection is "column" |
| (...skipping 121 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 217 PASS flexbox.style.alignContent is "stretch" | 217 PASS flexbox.style.alignContent is "stretch" |
| 218 PASS window.getComputedStyle(flexbox, null).alignContent is "stretch" | 218 PASS window.getComputedStyle(flexbox, null).alignContent is "stretch" |
| 219 PASS flexbox.style.alignContent is "" | 219 PASS flexbox.style.alignContent is "" |
| 220 PASS window.getComputedStyle(flexbox, null).alignContent is "normal" | 220 PASS window.getComputedStyle(flexbox, null).alignContent is "normal" |
| 221 PASS flexbox.style.alignContent is "" | 221 PASS flexbox.style.alignContent is "" |
| 222 PASS window.getComputedStyle(flexbox, null).alignContent is "normal" | 222 PASS window.getComputedStyle(flexbox, null).alignContent is "normal" |
| 223 PASS successfullyParsed is true | 223 PASS successfullyParsed is true |
| 224 | 224 |
| 225 TEST COMPLETE | 225 TEST COMPLETE |
| 226 | 226 |
| OLD | NEW |