| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../resources/js-test.js"></script> |
| </head> |
| <body style="margin: 0; padding: 0;"> |
| <div style="margin: 0; width: 300px"> |
| <div id="test" style="width: 200px; height: 200px; margin: 0.5px 1.5px 2.5px 3.5px; background: blue;"></div> |
| <div id="test2" style="width: 299px; height: 200px; margin: 5px auto; background: blue;"></div> |
| </div> |
| <script> |
| // Fixed width margins. |
| var style = window.getComputedStyle(document.getElementById('test')); |
| shouldBe('style.marginTop', "'0.5px'"); |
| shouldBe('style.marginRight', "'1.5px'"); |
| shouldBe('style.marginBottom', "'2.5px'"); |
| shouldBe('style.marginLeft', "'3.5px'"); |
| |
| // Auto left/right margin. |
| var style = window.getComputedStyle(document.getElementById('test2')); |
| shouldBe('style.marginLeft', "'0.5px'"); |
| shouldBe('style.marginRight', "'0.5px'"); |
| </script> |
| </body> |
| </html> |
