| <!DOCTYPE html> |
| <script src="../../resources/js-test.js"></script> |
| <style> |
| div > div { color: red } |
| .empty:empty, .not-empty:not(:empty) { color: green } |
| </style> |
| <div id="sandbox"> |
| <div class="empty"></div> |
| <div class="empty"><!-- Just a comment --></div> |
| <div class="not-empty"> </div> |
| <div class="not-empty"> |
| . |
| </div> |
| <div class="not-empty"><blockquote></blockquote></div> |
| <div id="appendParent" class="not-empty"></div> |
| </div> |
| <script> |
| description(":empty selector tests"); |
| |
| appendParent.appendChild(document.createElement("div")); |
| |
| var green = "rgb(0, 128, 0)"; |
| |
| var testDivs = sandbox.querySelectorAll("#sandbox > div"); |
| for (var i = 0; i < testDivs.length; i++) |
| shouldBe("getComputedStyle(testDivs["+i+"]).color", "green"); |
| </script> |