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 |