87 lines
2.9 KiB
HTML
87 lines
2.9 KiB
HTML
<html>
|
|
<script>
|
|
if (window.testRunner)
|
|
testRunner.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>
|