31 lines
1.1 KiB
HTML
31 lines
1.1 KiB
HTML
<!doctype html>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
|
|
<div style="width: -webkit-min-content"></div>
|
|
<div style="width: -webkit-max-content"></div>
|
|
<div style="width: -webkit-fill-available"></div>
|
|
<div style="width: -webkit-fit-content"></div>
|
|
<div style="width: min-content"></div>
|
|
<div style="width: max-content"></div>
|
|
<div style="width: fit-content"></div>
|
|
|
|
<script>
|
|
description('Tests that the width keywords are respected by the parser and then returned by the style object. Should output each keyword on a line, and then a bunch of PASS comparisons for dynamic checks.');
|
|
|
|
var divs = document.querySelectorAll('div');
|
|
for (var i = 0; i < divs.length; ++i) {
|
|
debug(divs[i].style.width);
|
|
}
|
|
|
|
var KEYWORDS = ['min-content', '-webkit-min-content', 'max-content', '-webkit-max-content', 'fit-content', '-webkit-fit-content', '-webkit-fill-available'];
|
|
var div;
|
|
|
|
KEYWORDS.forEach(function(keyword) {
|
|
div = document.createElement('div');
|
|
div.style.width = keyword;
|
|
shouldBeEqualToString('div.style.width', keyword);
|
|
});
|
|
</script>
|
|
|
|
<script src="../../resources/js-test-post.js"></script>
|