| <!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> |
