| 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>
|
|
|