Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <title>Test that when image map areas have their shape or coordinate dynamically altered, the clickable region changes.</title> |
| 3 <head> | 3 <script src="../../resources/testharness.js"></script> |
| 4 <script src="../../resources/js-test.js"></script> | 4 <script src="../../resources/testharnessreport.js"></script> |
| 5 </head> | 5 <img usemap="#m" width ="400" height="400" border="1px solid red" position="abso lute" left="0" right="0" > |
|
fs
2016/08/16 16:56:19
'width', 'height' et.c should be in a style attrib
sivag
2016/08/16 17:50:52
Done.
| |
| 6 <body> | 6 <map name="m"> |
| 7 <script src="script-tests/imagemap-dynamic-area-updates.js"></script> | 7 <area href="#" onclick="areaClicked = true; return false;"> |
| 8 </body> | 8 </map> |
| 9 </html> | 9 <script> |
| 10 test(function() { | |
| 11 var area = document.querySelector('area'); | |
| 12 function CheckPointInArea(shape, cords, x, y) { | |
|
fs
2016/08/16 16:56:19
CheckPointInArea -> checkPointInArea; cords -> coo
sivag
2016/08/16 17:50:52
Done.
| |
| 13 area.setAttribute('shape', shape); | |
| 14 area.setAttribute('coords', cords); | |
| 15 areaClicked = false; | |
| 16 // TODO(siva.gunturi): Use elementFromPoint here. | |
| 17 eventSender.mouseMoveTo(x, y); | |
| 18 eventSender.mouseDown(); | |
| 19 eventSender.mouseUp(); | |
| 20 return areaClicked; | |
| 21 } | |
| 22 assert_true(CheckPointInArea('default', '', 50, 50)); | |
| 23 assert_true(CheckPointInArea('default', '', 50, 50)); | |
| 24 assert_true(CheckPointInArea('rect', '0, 0, 100, 100', 50, 50)); | |
| 25 assert_false(CheckPointInArea('rect', '0, 0, 100, 100', 150, 150)); | |
| 26 assert_false(CheckPointInArea('rect', '200, 200, 300, 300', 50, 50)); | |
| 27 assert_true(CheckPointInArea('rect', '200, 200, 300, 300', 250, 250)); | |
| 28 assert_true(CheckPointInArea('circle', '100, 100, 50', 100, 100)); | |
| 29 assert_true(CheckPointInArea('circle', '100, 100, 50', 120, 100)); | |
| 30 assert_false(CheckPointInArea('circle', '100, 100, 50', 200, 100)); | |
| 31 assert_false(CheckPointInArea('circle', '300, 300, 50', 100, 100)); | |
| 32 assert_true(CheckPointInArea('circle', '300, 300, 50', 300, 300)); | |
| 33 assert_true(CheckPointInArea('circle', '300, 300, 50', 320, 300)); | |
| 34 assert_true(CheckPointInArea('poly', '100, 100, 200, 100, 200, 200', 150, 15 0)); | |
| 35 assert_false(CheckPointInArea('poly', '100, 100, 200, 100, 200, 200', 100, 1 50)); | |
| 36 assert_false(CheckPointInArea('poly', '100, 100, 200, 100, 200, 200', 300, 3 00)); | |
| 37 assert_true(CheckPointInArea('default', '', 300, 300)); | |
| 38 }); | |
| 39 </script> | |
| OLD | NEW |