| <!doctype html> |
| <html> |
| <head> |
| <script src="../../resources/js-test-pre.js"></script> |
| <style id="style-container"></style> |
| </head> |
| <body> |
| <container id="container1"> |
| <container id="container2"> |
| <target id="target1"></target> |
| </container> |
| <container id="container3"> |
| <target id="target2"></target> |
| </container> |
| </container> |
| </body> |
| <script> |
| description('Test using the descendant combinator with the double-child syntax ">>" in Element.matches().'); |
| |
| shouldBeTrue('document.getElementById("target1").matches("body >> target")'); |
| shouldBeTrue('document.getElementById("target2").matches("body >> target")'); |
| |
| shouldBeFalse('document.getElementById("target1").matches("target >> container")'); |
| shouldBeFalse('document.getElementById("target2").matches("target >> container")'); |
| shouldBeFalse('document.getElementById("container1").matches("target >> container")'); |
| shouldBeFalse('document.getElementById("container2").matches("target >> container")'); |
| shouldBeFalse('document.getElementById("container3").matches("target >> container")'); |
| |
| shouldBeTrue('document.getElementById("target1").matches("container >> target")'); |
| shouldBeTrue('document.getElementById("target2").matches("container >> target")'); |
| shouldBeFalse('document.getElementById("container1").matches("container >> target")'); |
| shouldBeFalse('document.getElementById("container2").matches("container >> target")'); |
| shouldBeFalse('document.getElementById("container3").matches("container >> target")'); |
| |
| shouldBeFalse('document.getElementById("target1").matches("container >> container")'); |
| shouldBeFalse('document.getElementById("target2").matches("container >> container")'); |
| shouldBeFalse('document.getElementById("container1").matches("container >> container")'); |
| shouldBeTrue('document.getElementById("container2").matches("container >> container")'); |
| shouldBeTrue('document.getElementById("container3").matches("container >> container")'); |
| |
| shouldBeFalse('document.getElementById("target1").matches("body >> container")'); |
| shouldBeFalse('document.getElementById("target2").matches("body >> container")'); |
| shouldBeTrue('document.getElementById("container1").matches("body >> container")'); |
| shouldBeTrue('document.getElementById("container2").matches("body >> container")'); |
| shouldBeTrue('document.getElementById("container3").matches("body >> container")'); |
| |
| shouldBeTrue('document.getElementById("target1").matches("container >> *")'); |
| shouldBeTrue('document.getElementById("target2").matches("container >> *")'); |
| shouldBeFalse('document.getElementById("container1").matches("container >> *")'); |
| shouldBeTrue('document.getElementById("container2").matches("container >> *")'); |
| shouldBeTrue('document.getElementById("container3").matches("container >> *")'); |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| </html> |
