Index: LayoutTests/fast/css/area-computedStyle.html |
diff --git a/LayoutTests/fast/css/area-computedStyle.html b/LayoutTests/fast/css/area-computedStyle.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..143a334fd015201977ab255c29d12a1ecaf69ff5 |
--- /dev/null |
+++ b/LayoutTests/fast/css/area-computedStyle.html |
@@ -0,0 +1,36 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
esprehn
2014/08/19 01:41:28
no html, head or body.
|
+ <style> |
+ area:hover { |
+ color: blue; |
+ } |
+ </style> |
+ <script src="../../resources/js-test.js"></script> |
+ <script> |
+ description("Test return value of getComputedStyle() for area tag."); |
+ window.jsTestIsAsync = true; |
+ var area; |
+ function runTest() { |
esprehn
2014/08/19 01:41:28
onload = function() {
|
+ area = document.getElementById("areaTest"); |
+ if (window.eventSender) { |
+ var target = document.getElementById("areaTest"); |
+ var x = target.offsetParent.offsetLeft + target.offsetLeft + target.offsetWidth / 2; |
+ var y = target.offsetParent.offsetTop + target.offsetTop + target.offsetHeight / 2; |
+ eventSender.mouseMoveTo(x, y); |
+ } |
+ } |
+ |
+ function onAreaHover() { |
+ shouldBeEqualToString("window.getComputedStyle(area, null).color", "rgb(0, 0, 255)"); |
+ finishJSTest(); |
+ } |
+ </script> |
+</head> |
+<body onload="runTest()"> |
+ <map name="imagemap1"> |
+ <area id="areaTest" onmouseover="onAreaHover()" shape="rect" coords="0, 0, 100, 100" /> |
esprehn
2014/08/19 01:41:28
no slashes at the end of tags.
|
+ </map> |
+ <img src="resources/greenbox-100px.png" border="0" align="left" usemap="#imagemap1" /> |
+</body> |
+</html> |