| <!DOCTYPE html> |
| <html> |
| <body onload="test()"> |
| <script src="../../../resources/js-test.js"></script> |
| <script src="resources/shadow-dom.js"></script> |
| <div id="container"> |
| </div> |
| |
| <script> |
| window.jsTestIsAsync = true; |
| |
| function setup() |
| { |
| var D = createDOM; |
| var S = createShadowRoot; |
| var cases = []; |
| |
| label1 = 'Case1: Non-Nested'; |
| container.appendChild(D('div', {'id': 'host1'}, S(D('a', {'id': 'target1', 'title': label1}, document.createTextNode("Hello1"))))); |
| cases.push({ target: getNodeInComposedTree('host1/target1'), expected: label1 }); |
| |
| label2 = 'Case 2: Nested'; |
| container.appendChild(D('div', {'id': 'host2'}, S(D('div', {'id': 'host2b'}, S(D('a', {'id': 'target2', 'title': label2}, document.createTextNode("Hello2"))))))); |
| cases.push({ target: getNodeInComposedTree('host2/host2b/target2'), expected: label2 }); |
| |
| return cases; |
| } |
| |
| function moveTo(target) |
| { |
| if (window.eventSender) { |
| eventSender.dragMode = false; |
| eventSender.mouseMoveTo(target.offsetLeft, target.offsetTop + target.offsetHeight / 2); |
| } |
| } |
| |
| function test() |
| { |
| var harnesses = setup(); |
| |
| for (var i = 0; i < harnesses.length; i++) { |
| harness = harnesses[i]; |
| moveTo(harness.target); |
| if (window.testRunner) |
| debug("Test for " + harness.expected); |
| shouldBe("harness.expected", "testRunner.tooltipText"); |
| } |
| |
| container.style.display = "none"; |
| finishJSTest(); |
| |
| } |
| </script> |
| </body> |
| </html> |