| Index: LayoutTests/accessibility/name-calc-native-markup-buttons.html
|
| diff --git a/LayoutTests/accessibility/name-calc-native-markup-buttons.html b/LayoutTests/accessibility/name-calc-native-markup-buttons.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..8a1631fabb3368f50c03bd7f882b1bc569cccde2
|
| --- /dev/null
|
| +++ b/LayoutTests/accessibility/name-calc-native-markup-buttons.html
|
| @@ -0,0 +1,146 @@
|
| +<!DOCTYPE HTML>
|
| +<script src="../resources/testharness.js"></script>
|
| +<script src="../resources/testharnessreport.js"></script>
|
| +
|
| +<style>
|
| +.hideAllContainers .container {
|
| + display: none;
|
| +}
|
| +</style>
|
| +
|
| +<div class="container">
|
| + <button id="button1"></button>
|
| +</div>
|
| +
|
| +<script>
|
| +test(function(t) {
|
| + var axButton1 = accessibilityController.accessibleElementById("button1");
|
| + assert_equals(axButton1.name, "");
|
| +}, "Button with no content");
|
| +</script>
|
| +
|
| +<div class="container">
|
| + <button id="button2">button2-content</button>
|
| +</div>
|
| +
|
| +<script>
|
| +test(function(t) {
|
| + var axButton2 = accessibilityController.accessibleElementById("button2");
|
| + assert_equals(axButton2.name, "button2-content");
|
| + assert_equals(axButton2.nameFrom, "contents");
|
| +}, "Button with text content");
|
| +</script>
|
| +
|
| +<div class="container">
|
| + <button id="button3"><img src="resources/cake.png"></button>
|
| +</div>
|
| +
|
| +<script>
|
| +test(function(t) {
|
| + var axButton3 = accessibilityController.accessibleElementById("button3");
|
| + assert_equals(axButton3.name, "");
|
| +}, "Button with img content with no alt");
|
| +</script>
|
| +
|
| +<div class="container">
|
| + <button id="button4"><img src="resources/cake.png" alt="cake"></button>
|
| +</div>
|
| +
|
| +<script>
|
| +test(function(t) {
|
| + var axButton4 = accessibilityController.accessibleElementById("button4");
|
| + assert_equals(axButton4.name, "cake");
|
| + assert_equals(axButton4.nameFrom, "contents");
|
| +}, "Button with img content with alt");
|
| +</script>
|
| +
|
| +<div class="container">
|
| + <button id="button5">I love <img src="resources/cake.png">!</button>
|
| +</div>
|
| +
|
| +<script>
|
| +test(function(t) {
|
| + var axButton5 = accessibilityController.accessibleElementById("button5");
|
| + assert_equals(axButton5.name, "I love !");
|
| + assert_equals(axButton5.nameFrom, "contents");
|
| +}, "Button with text content and img content with no alt");
|
| +</script>
|
| +
|
| +<div class="container">
|
| + <button id="button6">I love <img src="resources/cake.png" alt="cake">!</button>
|
| +</div>
|
| +
|
| +<script>
|
| +test(function(t) {
|
| + var axButton6 = accessibilityController.accessibleElementById("button6");
|
| + assert_equals(axButton6.name, "I love cake!");
|
| + assert_equals(axButton6.nameFrom, "contents");
|
| +}, "Button with text content and img content with alt");
|
| +</script>
|
| +
|
| +<div class="container">
|
| + <button id="button7" title="button7-title"></button>
|
| +</div>
|
| +
|
| +<script>
|
| +test(function(t) {
|
| + var axButton7 = accessibilityController.accessibleElementById("button7");
|
| + assert_equals(axButton7.name, "button7-title");
|
| + assert_equals(axButton7.nameFrom, "attribute");
|
| +}, "Button with title only");
|
| +</script>
|
| +
|
| +<div class="container">
|
| + <button id="button8" title="button8-title">button8-content</button>
|
| +</div>
|
| +
|
| +<script>
|
| +test(function(t) {
|
| + var axButton8 = accessibilityController.accessibleElementById("button8");
|
| + assert_equals(axButton8.name, "button8-content");
|
| + assert_equals(axButton8.nameFrom, "contents");
|
| +}, "Button with title and contents");
|
| +</script>
|
| +
|
| +<div class="container">
|
| + <button id="button9" title="button9-title"><img src="resources/cake.png"></button>
|
| +</div>
|
| +
|
| +<script>
|
| +test(function(t) {
|
| + var axButton9 = accessibilityController.accessibleElementById("button9");
|
| + assert_equals(axButton9.name, "button9-title");
|
| + assert_equals(axButton9.nameFrom, "attribute");
|
| +}, "Button with title and img content with no alt");
|
| +</script>
|
| +
|
| +<div class="container">
|
| + <button id="button10" title="button10-title"><img src="resources/cake.png" alt="cake"></button>
|
| +</div>
|
| +
|
| +<script>
|
| +test(function(t) {
|
| + var axButton10 = accessibilityController.accessibleElementById("button10");
|
| + assert_equals(axButton10.name, "cake");
|
| + assert_equals(axButton10.nameFrom, "contents");
|
| +}, "Button with title and img content with alt");
|
| +</script>
|
| +
|
| +<div class="container">
|
| + <button id="button11">button11-content</button>
|
| + <label for="button11">label-for-button11</label>
|
| +</div>
|
| +
|
| +<script>
|
| +test(function(t) {
|
| + var axButton11 = accessibilityController.accessibleElementById("button11");
|
| + assert_equals(axButton11.name, "label-for-button11");
|
| + assert_equals(axButton11.nameFrom, "relatedElement");
|
| +}, "Button with text content and label");
|
| +</script>
|
| +
|
| +
|
| +<script>
|
| +if (window.testRunner)
|
| + document.body.className = "hideAllContainers";
|
| +</script>
|
|
|