blob: 002d0d6646350b086c53f28ab4bbf71b80dc1cca [file] [log] [blame]
<html>
<script>
if (window.layoutTestController)
layoutTestController.dumpAsText();
</script>
<body>
<div id="result"></div>
<!-- Test radio/checkbox without labels -->
<input type="radio" name="r1" id="r1">Test<br>
<input type="checkbox" name="cb1" id="cb1">Test<br>
<!-- Test radio/checkbox with labels -->
<input type="radio" name="r2" id="r2"><label for="r2">This is a long test label that should be included in the size of this object</label><br>
<input type="checkbox" name="cb2" id="cb2"><label for="cb2">This is a long test label that should be included in the size of this object</label><br>
<script>
if (window.accessibilityController) {
var result = document.getElementById("result");
// radio button 1
var r1 = document.getElementById("r1");
r1.focus();
var focusedElement = accessibilityController.focusedElement;
var width = focusedElement.width;
var height = focusedElement.height;
result.innerText += "Radio1: ";
if (width <= 0 || height <= 0) {
result.innerText += "Fail";
} else {
result.innerText += "Pass";
}
result.innerText += "\n";
// check box 1
var cb1 = document.getElementById("cb1");
cb1.focus();
focusedElement = accessibilityController.focusedElement;
width = focusedElement.width;
height = focusedElement.height;
result.innerText += "Checkbox1: ";
if (width <= 0 || height <= 0) {
result.innerText += "Fail";
} else {
result.innerText += "Pass";
}
result.innerText += "\n";
// radio button with label (width should be more than 100 px)
var cb1 = document.getElementById("r2");
cb1.focus();
focusedElement = accessibilityController.focusedElement;
width = focusedElement.width;
height = focusedElement.height;
result.innerText += "Radio2: ";
if (width <= 100 || height <= 0) {
result.innerText += "Fail";
} else {
result.innerText += "Pass";
}
result.innerText += "\n";
// checkbox with label (width should be more than 100 px)
var cb1 = document.getElementById("cb2");
cb1.focus();
focusedElement = accessibilityController.focusedElement;
width = focusedElement.width;
height = focusedElement.height;
result.innerText += "Checkbox2: ";
if (width <= 100 || height <= 0) {
result.innerText += "Fail";
} else {
result.innerText += "Pass";
}
result.innerText += "\n";
}
</script>
</body>
</html>