blob: 7432fe143f1feb9179bcdf4f7e22649b4db77992 [file] [log] [blame]
<html>
<script type="text/javascript">
function drawCanvas(context) {
context.lineWidth = 10.0;
context.lineCap = "round";
context.beginPath();
// Draw a bounds rect (default color is black)
context.strokeRect(0, 0, 300, 300);
context.strokeStyle = "#808080";
// Draw a vertical line
context.moveTo(150, 100);
context.lineTo(150, 200);
context.stroke();
// Draw a horizontal line
context.moveTo(100, 150);
context.lineTo(200, 150);
context.stroke();
}
function _onload() {
var context = document.getElementById("myCanvas").getContext("2d");
drawCanvas(context);
}
</script>
<script>
if (window.layoutTestController)
layoutTestController.dumpAsText();
</script>
<body id="body" onload="_onload()">
<html>
<!-- This test makes sure that a canvas element shows up as an image -->
<canvas id="myCanvas" style="width:300px;height:300px;" width='300' height='300' alt="canvas 1"></canvas>
<div id="result"></div>
<script>
if (window.accessibilityController) {
var result = document.getElementById("result");
var body = document.getElementById("body");
body.focus();
var canvasElement = accessibilityController.focusedElement.childAtIndex(0).childAtIndex(0);
var pattern = "AXRole: AXImage";
if (canvasElement.allAttributes().indexOf(pattern) != -1) {
result.innerText += "Test passed\n";
}
else {
result.innerText += "Test failed\n" + canvasElement.allAttributes();
}
}
</script>
</body>
</html>