89 lines
3.1 KiB
HTML
89 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<script src='../../resources/js-test-pre.js'></script>
|
|
<div id=foo></div>
|
|
<div id="flexbox" style="display: flex;"><div id="flexitem"></div></div>
|
|
<div id="grid" style="display: grid;"><div id="griditem"></div></div>
|
|
<script>
|
|
div = document.getElementById('foo');
|
|
shouldBe('div.style.minWidth', '""');
|
|
shouldBe('getComputedStyle(div)["min-width"]', '"0px"');
|
|
|
|
div.style.minWidth = 'auto';
|
|
div.style.maxWidth = 'auto';
|
|
shouldBe('div.style.minWidth', '"auto"');
|
|
shouldBe('div.style.maxWidth', '""');
|
|
shouldBe('getComputedStyle(div).minWidth', '"0px"');
|
|
|
|
div.style.minWidth = 0;
|
|
shouldBe('div.style.minWidth', '"0px"');
|
|
shouldBe('getComputedStyle(div)["min-width"]', '"0px"');
|
|
|
|
shouldBe('div.style.minHeight', '""');
|
|
shouldBe('getComputedStyle(div)["min-height"]', '"0px"');
|
|
|
|
div.style.minHeight = 'auto';
|
|
div.style.maxHeight = 'auto';
|
|
shouldBe('div.style.minHeight', '"auto"');
|
|
shouldBe('div.style.maxHeight', '""');
|
|
shouldBe('getComputedStyle(div).minHeight', '"0px"');
|
|
|
|
div.style.minHeight = 0;
|
|
shouldBe('div.style.minHeight', '"0px"');
|
|
shouldBe('getComputedStyle(div)["min-height"]', '"0px"');
|
|
|
|
var flexitem = document.getElementById("flexitem");
|
|
shouldBe('flexitem.style.minWidth', '""');
|
|
shouldBe('getComputedStyle(flexitem)["min-width"]', '"auto"');
|
|
|
|
flexitem.style.minWidth = 'auto';
|
|
flexitem.style.maxWidth = 'auto';
|
|
shouldBe('flexitem.style.minWidth', '"auto"');
|
|
shouldBe('flexitem.style.maxWidth', '""');
|
|
shouldBe('getComputedStyle(flexitem).minWidth', '"auto"');
|
|
|
|
flexitem.style.minWidth = 0;
|
|
shouldBe('flexitem.style.minWidth', '"0px"');
|
|
shouldBe('getComputedStyle(flexitem)["min-width"]', '"0px"');
|
|
|
|
shouldBe('flexitem.style.minHeight', '""');
|
|
shouldBe('getComputedStyle(flexitem)["min-height"]', '"auto"');
|
|
|
|
flexitem.style.minHeight = 'auto';
|
|
flexitem.style.maxHeight = 'auto';
|
|
shouldBe('flexitem.style.minHeight', '"auto"');
|
|
shouldBe('flexitem.style.maxHeight', '""');
|
|
shouldBe('getComputedStyle(flexitem).minHeight', '"auto"');
|
|
|
|
flexitem.style.minHeight = 0;
|
|
shouldBe('flexitem.style.minHeight', '"0px"');
|
|
shouldBe('getComputedStyle(flexitem)["min-height"]', '"0px"');
|
|
|
|
var griditem = document.getElementById("griditem");
|
|
shouldBe('griditem.style.minWidth', '""');
|
|
shouldBe('getComputedStyle(griditem)["min-width"]', '"auto"');
|
|
|
|
griditem.style.minWidth = 'auto';
|
|
griditem.style.maxWidth = 'auto';
|
|
shouldBe('griditem.style.minWidth', '"auto"');
|
|
shouldBe('griditem.style.maxWidth', '""');
|
|
shouldBe('getComputedStyle(griditem).minWidth', '"auto"');
|
|
|
|
griditem.style.minWidth = 0;
|
|
shouldBe('griditem.style.minWidth', '"0px"');
|
|
shouldBe('getComputedStyle(griditem)["min-width"]', '"0px"');
|
|
|
|
shouldBe('griditem.style.minHeight', '""');
|
|
shouldBe('getComputedStyle(griditem)["min-height"]', '"auto"');
|
|
|
|
griditem.style.minHeight = 'auto';
|
|
griditem.style.maxHeight = 'auto';
|
|
shouldBe('griditem.style.minHeight', '"auto"');
|
|
shouldBe('griditem.style.maxHeight', '""');
|
|
shouldBe('getComputedStyle(griditem).minHeight', '"auto"');
|
|
|
|
griditem.style.minHeight = 0;
|
|
shouldBe('griditem.style.minHeight', '"0px"');
|
|
shouldBe('getComputedStyle(griditem)["min-height"]', '"0px"');
|
|
</script>
|
|
<script src='../../resources/js-test-post.js'></script>
|