Index: third_party/WebKit/LayoutTests/fast/images/imagemap-dynamic-area-updates.html |
diff --git a/third_party/WebKit/LayoutTests/fast/images/imagemap-dynamic-area-updates.html b/third_party/WebKit/LayoutTests/fast/images/imagemap-dynamic-area-updates.html |
index e3790e5950ef5ec80d5ce9a5ff368d009984d966..952150875e20d10552b931e6718e84fb2d21f197 100644 |
--- a/third_party/WebKit/LayoutTests/fast/images/imagemap-dynamic-area-updates.html |
+++ b/third_party/WebKit/LayoutTests/fast/images/imagemap-dynamic-area-updates.html |
@@ -1,9 +1,39 @@ |
-<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
-<html> |
-<head> |
-<script src="../../resources/js-test.js"></script> |
-</head> |
-<body> |
-<script src="script-tests/imagemap-dynamic-area-updates.js"></script> |
-</body> |
-</html> |
+<!DOCTYPE html> |
+<title>Test that when image map areas have their shape or coordinate dynamically altered, the clickable region changes.</title> |
+<script src="../../resources/testharness.js"></script> |
+<script src="../../resources/testharnessreport.js"></script> |
+<img usemap="#m" style="height:400px; width:400px; border:1px solid red; position:absolute; left:0; right:0" > |
+<map name="m"> |
+<area href="#" onclick="areaClicked = true; return false;"> |
+</map> |
+<script> |
+test(function() { |
+ var area = document.querySelector('area'); |
+ function checkPointInArea(shape, coords, x, y) { |
+ area.setAttribute('shape', shape); |
+ area.setAttribute('coords', coords); |
+ areaClicked = false; |
+ // TODO(siva.gunturi): Use elementFromPoint here. |
+ eventSender.mouseMoveTo(x, y); |
+ eventSender.mouseDown(); |
+ eventSender.mouseUp(); |
+ return areaClicked; |
+ } |
+ assert_true(checkPointInArea('default', '', 50, 50)); |
+ assert_true(checkPointInArea('default', '', 50, 50)); |
+ assert_true(checkPointInArea('rect', '0, 0, 100, 100', 50, 50)); |
+ assert_false(checkPointInArea('rect', '0, 0, 100, 100', 150, 150)); |
+ assert_false(checkPointInArea('rect', '200, 200, 300, 300', 50, 50)); |
+ assert_true(checkPointInArea('rect', '200, 200, 300, 300', 250, 250)); |
+ assert_true(checkPointInArea('circle', '100, 100, 50', 100, 100)); |
+ assert_true(checkPointInArea('circle', '100, 100, 50', 120, 100)); |
+ assert_false(checkPointInArea('circle', '100, 100, 50', 200, 100)); |
+ assert_false(checkPointInArea('circle', '300, 300, 50', 100, 100)); |
+ assert_true(checkPointInArea('circle', '300, 300, 50', 300, 300)); |
+ assert_true(checkPointInArea('circle', '300, 300, 50', 320, 300)); |
+ assert_true(checkPointInArea('poly', '100, 100, 200, 100, 200, 200', 150, 150)); |
+ assert_false(checkPointInArea('poly', '100, 100, 200, 100, 200, 200', 100, 150)); |
+ assert_false(checkPointInArea('poly', '100, 100, 200, 100, 200, 200', 300, 300)); |
+ assert_true(checkPointInArea('default', '', 300, 300)); |
+}); |
+</script> |