<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=694503
-->
<head>
  <title>Test for Bug 694503</title>
  <script src="/tests/SimpleTest/SimpleTest.js"></script>
  <script src="/tests/SimpleTest/EventUtils.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=694503">Mozilla Bug 694503</a>
<p id="display"></p>
<div id="content" style="display: none">
</div>

<div>
<map name="map1">
  <area onclick="++mapClickCount; event.preventDefault();"
        coords="0,0,50,50" shape="rect">
</map>
</div>

<img id="img"
     usemap="#map1" alt="Foo bar" src="about:logo">
<pre id="test">
<script type="application/javascript">

/** Test for Bug 694503 **/

var mapClickCount = 0;

SimpleTest.waitForExplicitFinish();
SimpleTest.waitForFocus(function() {
  var m = document.getElementsByTagName("map")[0];
  var img = document.getElementById('img');
  var origName = m.name;

  synthesizeMouse(img, 25, 25, {});
  is(mapClickCount, 1, "Wrong click count (1)");

  m.name = "foo"
  synthesizeMouse(img, 25, 25, {});
  is(mapClickCount, 1, "Wrong click count (2)");

  m.removeAttribute("name");
  m.id = origName;
  synthesizeMouse(img, 25, 25, {});
  is(mapClickCount, 2, "Wrong click count (3)");

  // Back to original state
  m.removeAttribute("id");
  m.name = origName;
  synthesizeMouse(img, 25, 25, {});
  is(mapClickCount, 3, "Wrong click count (4)");

  var p = m.parentNode;
  p.removeChild(m);
  synthesizeMouse(img, 25, 25, {});
  is(mapClickCount, 3, "Wrong click count (5)");

  // Back to original state
  p.appendChild(m);
  synthesizeMouse(img, 25, 25, {});
  is(mapClickCount, 4, "Wrong click count (6)");

  SimpleTest.finish();
});


</script>
</pre>
</body>
</html>
