OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <script src="../js/resources/js-test-pre.js"></script> | 2 <script src="../../resources/js-test.js"></script> |
3 | 3 |
4 <div style="width: -webkit-min-content"></div> | 4 <div style="width: -webkit-min-content"></div> |
5 <div style="width: -webkit-max-content"></div> | 5 <div style="width: -webkit-max-content"></div> |
6 <div style="width: -webkit-fill-available"></div> | 6 <div style="width: -webkit-fill-available"></div> |
7 <div style="width: -webkit-fit-content"></div> | 7 <div style="width: -webkit-fit-content"></div> |
8 | 8 |
9 <script> | 9 <script> |
10 description('Tests that the width keywords are respected by the parser and t
hen returned by the style object. Should output each keyword on a line, and then
a bunch of PASS comparisons for dynamic checks.'); | 10 description('Tests that the width keywords are respected by the parser and t
hen returned by the style object. Should output each keyword on a line, and then
a bunch of PASS comparisons for dynamic checks.'); |
11 | 11 |
12 var divs = document.querySelectorAll('div'); | 12 var divs = document.querySelectorAll('div'); |
13 for (var i = 0; i < divs.length; ++i) { | 13 for (var i = 0; i < divs.length; ++i) { |
14 debug(divs[i].style.width); | 14 debug(divs[i].style.width); |
15 } | 15 } |
16 | 16 |
17 var PREFIX = '-webkit-'; | 17 var PREFIX = '-webkit-'; |
18 var KEYWORDS = ['min-content', 'max-content', 'fill-available', 'fit-conten
t']; | 18 var KEYWORDS = ['min-content', 'max-content', 'fill-available', 'fit-conten
t']; |
19 var div; | 19 var div; |
20 | 20 |
21 KEYWORDS.forEach(function(keyword) { | 21 KEYWORDS.forEach(function(keyword) { |
22 div = document.createElement('div'); | 22 div = document.createElement('div'); |
23 div.style.width = PREFIX + keyword; | 23 div.style.width = PREFIX + keyword; |
24 shouldBeEqualToString('div.style.width', PREFIX + keyword); | 24 shouldBeEqualToString('div.style.width', PREFIX + keyword); |
25 }); | 25 }); |
26 </script> | 26 </script> |
27 | 27 |
OLD | NEW |