Index: LayoutTests/accessibility/draw-custom-focus-ring.html |
diff --git a/LayoutTests/accessibility/draw-custom-focus-ring.html b/LayoutTests/accessibility/draw-custom-focus-ring.html |
index c3725b8b97a881dbebc5803eaa3cb92d44e243c5..bc949a90a1cc1a1162c35baf69a97dd41c8187e2 100644 |
--- a/LayoutTests/accessibility/draw-custom-focus-ring.html |
+++ b/LayoutTests/accessibility/draw-custom-focus-ring.html |
@@ -6,7 +6,9 @@ |
<body style="padding: 0; margin: 0"> |
<canvas id="canvas" class="output" width="300" height="350"> |
<button id="button1"></button> |
- <button id="button2"></button> |
+ <div id="container"> |
+ <button id="button2"></button> |
+ </div> |
</canvas> |
<script> |
if (window.testRunner) |
@@ -14,27 +16,38 @@ if (window.testRunner) |
if (window.accessibilityController) { |
window.axButton1 = window.accessibilityController.accessibleElementById("button1"); |
+ window.axContainer = window.accessibilityController.accessibleElementById("container"); |
window.axButton2 = window.accessibilityController.accessibleElementById("button2"); |
} |
var canvas = document.getElementById("canvas").getContext("2d"); |
+canvas.save(); |
+canvas.translate(50, 50); |
+ |
canvas.beginPath(); |
-canvas.rect(50, 50, 200, 100); |
+canvas.rect(0, 0, 200, 100); |
canvas.fillStyle = '#ccf'; |
canvas.fill(); |
canvas.drawCustomFocusRing(document.getElementById('button1')); |
canvas.beginPath(); |
-canvas.rect(50, 200, 200, 100); |
+canvas.rect(0, 150, 200, 100); |
canvas.fillStyle = '#cfc'; |
canvas.fill(); |
canvas.drawCustomFocusRing(document.getElementById('button2')); |
+canvas.restore(); |
+ |
shouldBe("axButton1.x", "50"); |
shouldBe("axButton1.y", "50"); |
shouldBe("axButton1.width", "200"); |
shouldBe("axButton1.height", "100"); |
+shouldBe("axContainer.x", "50"); |
+shouldBe("axContainer.y", "200"); |
+shouldBe("axContainer.width", "200"); |
+shouldBe("axContainer.height", "100"); |
+ |
shouldBe("axButton2.x", "50"); |
shouldBe("axButton2.y", "200"); |
shouldBe("axButton2.width", "200"); |