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..1eb42ea9155a457ccdea91c53b7371916ebe17e0 |
--- /dev/null |
+++ b/LayoutTests/fast/css/area-computedStyle.html |
@@ -0,0 +1,31 @@ |
+<!DOCTYPE html> |
+<map name="imagemap1"> |
Inactive
2014/08/19 17:46:10
nit: Maybe we could start with the <script> tags s
|
+ <area id="areaTest" onmouseover="onAreaHover()" shape="rect" coords="0, 0, 100, 100"> |
+</map> |
+<img src="resources/greenbox-100px.png" border="0" align="left" usemap="#imagemap1"> |
+<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; |
+ |
+window.onload = function () { |
+ area = document.getElementById("areaTest"); |
+ if (window.eventSender) { |
+ var target = document.getElementById("areaTest"); |
Inactive
2014/08/19 17:46:10
Isn't this the same as |area|?
|
+ 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> |