| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 .parent { | 3 .parent { |
| 4 display: flex; | 4 display: flex; |
| 5 } | 5 } |
| 6 .parent .child { | 6 .parent .child { |
| 7 display: flex; | 7 display: flex; |
| 8 justify-content: flex-end true; | 8 justify-content: flex-end unsafe; |
| 9 align-content: center safe; | 9 align-content: center safe; |
| 10 } | 10 } |
| 11 #parentId .child { | 11 #parentId .child { |
| 12 justify-content: space-between; | 12 justify-content: space-between; |
| 13 align-content: space-around; | 13 align-content: space-around; |
| 14 } | 14 } |
| 15 </style> | 15 </style> |
| 16 <script src="../../resources/js-test.js"></script> | 16 <script src="../../resources/js-test.js"></script> |
| 17 <div class="parent"> | 17 <div class="parent"> |
| 18 <div id="childOfDefaultParent" class="child"></div> | 18 <div id="childOfDefaultParent" class="child"></div> |
| 19 </div> | 19 </div> |
| 20 <div id="parentId" class="parent"> | 20 <div id="parentId" class="parent"> |
| 21 <div id="childOfParentId" class="child"></div> | 21 <div id="childOfParentId" class="child"></div> |
| 22 </div> | 22 </div> |
| 23 <script src="resources/alignment-parsing-utils.js"></script> | 23 <script src="resources/alignment-parsing-utils.js"></script> |
| 24 <script> | 24 <script> |
| 25 description('Test overwriting justify-content and align-content works as expecte
d'); | 25 description('Test overwriting justify-content and align-content works as expecte
d'); |
| 26 | 26 |
| 27 var childOfDefaultParent = document.getElementById("childOfDefaultParent"); | 27 var childOfDefaultParent = document.getElementById("childOfDefaultParent"); |
| 28 shouldBeEqualToString("getComputedStyle(childOfDefaultParent, '').getPropertyVal
ue('justify-content')", "flex-end true"); | 28 shouldBeEqualToString("getComputedStyle(childOfDefaultParent, '').getPropertyVal
ue('justify-content')", "flex-end unsafe"); |
| 29 shouldBeEqualToString("getComputedStyle(childOfDefaultParent, '').getPropertyVal
ue('align-content')", "center safe"); | 29 shouldBeEqualToString("getComputedStyle(childOfDefaultParent, '').getPropertyVal
ue('align-content')", "center safe"); |
| 30 | 30 |
| 31 var childOfParentId = document.getElementById("childOfParentId"); | 31 var childOfParentId = document.getElementById("childOfParentId"); |
| 32 shouldBeEqualToString("getComputedStyle(childOfParentId, '').getPropertyValue('j
ustify-content')", "space-between"); | 32 shouldBeEqualToString("getComputedStyle(childOfParentId, '').getPropertyValue('j
ustify-content')", "space-between"); |
| 33 shouldBeEqualToString("getComputedStyle(childOfParentId, '').getPropertyValue('a
lign-content')", "space-around"); | 33 shouldBeEqualToString("getComputedStyle(childOfParentId, '').getPropertyValue('a
lign-content')", "space-around"); |
| 34 </script> | 34 </script> |
| OLD | NEW |