| <!DOCTYPE html> |
| |
| <script src="../../resources/js-test.js"></script> |
| |
| <style> |
| #target { |
| top: 40px; |
| width: 150px; |
| height: 75px; |
| background-color: yellow; |
| transform: translateZ(0); |
| opacity: 0; |
| } |
| </style> |
| |
| <div id="target"></div> |
| |
| <script> |
| description("Test that opacity changes from less than 1 to 1 don't cause layout if the layer remains a stacking context"); |
| var div = document.getElementById('target'); |
| div.offsetTop; |
| div.style.opacity = 1; |
| shouldBe("internals.updateStyleAndReturnAffectedElementCount()", "1"); |
| shouldBe("internals.needsLayoutCount()", "0"); |
| </script> |