Index: LayoutTests/fast/forms/label/label-hit-test-culled_inline.html |
diff --git a/LayoutTests/fast/forms/label/label-hit-test-culled_inline.html b/LayoutTests/fast/forms/label/label-hit-test-culled_inline.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..5b535ba654a9b92bf749cf4c3a2ec5098e437d39 |
--- /dev/null |
+++ b/LayoutTests/fast/forms/label/label-hit-test-culled_inline.html |
@@ -0,0 +1,38 @@ |
+<!DOCTYPE html> |
+<style type="text/css"> |
+input, em { cursor: pointer; margin-right: 100px; } |
+label, span { cursor: pointer; background: transparent; } |
+</style> |
+<script src="../../../resources/js-test.js"></script> |
+<div><label id="label" for="checkbox"><input id="checkbox" type="checkbox">Click the empty area on the left</input></label></div> |
+<div><span id="span"><em id="em">Click the empty area</em><em>in middle</em></span></div> |
+<p id="description"></p> |
+<div id="console"></div> |
+<script> |
+ description('Click event should be fired when it occurs within culled inline.'); |
+ |
+ var checkbox = document.getElementById('label'); |
+ var span = document.getElementById('span'); |
+ |
+ var labelClicked = false; |
+ var spanClicked = false; |
+ label.addEventListener('click', function() { labelClicked = true; }); |
Rick Byers
2014/11/10 18:40:09
There are two test cases being tested simultaneous
|
+ span.addEventListener('click', function() { spanClicked = true; }); |
+ if (window.eventSender) { |
+ var x = label.offsetLeft + 50; |
+ var y = label.offsetTop + label.offsetHeight / 2; |
+ eventSender.mouseMoveTo(x, y); |
+ eventSender.mouseDown(); |
+ eventSender.mouseUp(); |
+ |
+ var em = document.getElementById('em'); |
+ x = em.offsetWidth + 10; |
+ y = em.offsetTop + span.offsetHeight / 2; |
+ eventSender.mouseMoveTo(x, y); |
+ eventSender.mouseDown(); |
+ eventSender.mouseUp(); |
+ } |
+ shouldBeTrue('labelClicked'); |
+ shouldBeTrue('document.getElementById("checkbox").checked'); |
+ shouldBeTrue('spanClicked'); |
+</script> |