test cases from Jon for posinset tests
authorMichael Cooper <cooper@w3.org>
Tue, 30 Oct 2012 16:19:39 +0100
changeset 30 66f3888113e6
parent 29 655ab27634cc
child 32 d2e156c792b4
test cases from Jon for posinset tests
ARIA/1.0/tests/test-files/setsize-posinset-level/setsize-posinset-level-1.html
ARIA/1.0/tests/test-files/setsize-posinset-level/setsize-posinset-level-2.html
ARIA/1.0/tests/test-files/setsize-posinset-level/setsize-posinset-level-3.html
ARIA/1.0/tests/test-files/setsize-posinset-level/setsize-posinset-level-4.html
ARIA/1.0/tests/test-files/setsize-posinset-level/setsize-posinset-level-5.html
ARIA/1.0/tests/test-files/setsize-posinset-level/setsize-posinset-level-6.html
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/ARIA/1.0/tests/test-files/setsize-posinset-level/setsize-posinset-level-1.html	Tue Oct 30 16:19:39 2012 +0100
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
+<html>
+  <head>
+    <title>ARIA 1.0 Test Case A</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  </head>
+  <body>
+    <h1>ARIA 1.0 Test Case A</h1>
+    
+    <div role="listbox" id="ID_LISTBOX">
+      <div id="ID_OPTION_1" role="option" tabindex="-1">Option 1</div> 
+      <div id="ID_OPTION_2" role="option" tabindex="-1">Option 2</div> 
+      <div id="ID_OPTION_3" role="option" tabindex="-1">Option 3</li> 
+    </div>
+    
+    <h2>Description</h2>
+    <p>A div element with the role='listbox' has three child div elements each with role='option'.
+      When focus is on the second child div element, the structure of the accessibility tree will 
+      be represented in the accessibility tree using the following table:</p>
+    
+    <p><a href="http://www.w3.org/TR/2012/WD-wai-aria-implementation-20120110/#mapping_state-property_table">http://www.w3.org/TR/2012/WD-wai-aria-implementation-20120110/#mapping_state-property_table</a></p>
+
+      <h2>Accessibility API Information</h2>
+      <ul>
+      <li>set size: 3</li>
+      <li>position in set: 2</li>
+      <li>level of set in the hierarchy: 1</li>
+    </ul>
+    
+    <script type="text/javascript">  
+      
+     function setFocus() {
+       var node = document.getElementById('ID_OPTION_2');  
+       node.focus();
+     }
+     
+     window.addEventListener('load', setFocus);
+    </script>
+  </body>
+  
+</html>
+
+
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/ARIA/1.0/tests/test-files/setsize-posinset-level/setsize-posinset-level-2.html	Tue Oct 30 16:19:39 2012 +0100
@@ -0,0 +1,43 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
+<html>
+  <head>
+    <title>ARIA 1.0 Test Case B</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  </head>
+  <body>
+    <h1>ARIA 1.0 Test Case B</h1>
+    
+    <ul role="tree" id="ID_LISTBOX">
+      <li id="ID_TREEITEM_1" role="treeitem" tabindex="-1">Tree item 1</li> 
+      <li id="ID_TREEITEM_2" role="treeitem" tabindex="-1">Tree item 2</li> 
+      <li id="ID_TREEITEM_3" role="treeitem" tabindex="-1">Tree item 3</li> 
+    </ul>
+    
+    <h2>Description</h2>
+    <p>A div element with the role='tree' has three child div elements each with role='treeitem'.
+      When focus is on the third child div element, the structure of the accessibility tree will 
+      be represented in the accessibility tree using the following table:</p>
+    
+    <p><a href="http://www.w3.org/TR/2012/WD-wai-aria-implementation-20120110/#mapping_state-property_table">http://www.w3.org/TR/2012/WD-wai-aria-implementation-20120110/#mapping_state-property_table</a></p>
+
+    <h2>Accessibility API Information</h2>
+    <ul>
+      <li>set size: 3</li>
+      <li>position in set: 2</li>
+      <li>level of set in the hierarchy: 1</li>
+    </ul>
+    
+    <script type="text/javascript">  
+      
+     function setFocus() {
+       var node = document.getElementById('ID_TREEITEM_3');  
+       node.focus();
+     }
+     
+     window.addEventListener('load', setFocus);
+    </script>
+  </body>
+  
+</html>
+
+
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/ARIA/1.0/tests/test-files/setsize-posinset-level/setsize-posinset-level-3.html	Tue Oct 30 16:19:39 2012 +0100
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
+<html>
+  <head>
+    <title>ARIA 1.0 Test Case C</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  </head>
+  <body>
+    <h1>ARIA 1.0 Test Case C</h1>
+    
+    <ul role="tree" id="ID_LISTBOX">
+      <li id="ID_TREEITEM_1" role="treeitem" tabindex="-1">Tree item 1
+        <ul role="tree">
+          <li id="ID_TREEITEM_11" role="treeitem" tabindex="-1">Tree item 11</li> 
+          <li id="ID_TREEITEM_12" role="treeitem" tabindex="-1">Tree item 12</li>           
+        </ul>
+      </li> 
+      <li id="ID_TREEITEM_2" role="treeitem" tabindex="-1">Tree item 2
+        <ul role="tree">
+          <li id="ID_TREEITEM_21" role="treeitem" tabindex="-1">Tree item 21</li> 
+          <li id="ID_TREEITEM_22" role="treeitem" tabindex="-1">Tree item 22</li>           
+        </ul>
+      </li> 
+      <li id="ID_TREEITEM_3" role="treeitem" tabindex="-1">Tree item 3
+        <ul role="tree">
+          <li id="ID_TREEITEM_31" role="treeitem" tabindex="-1">Tree item 31</li> 
+          <li id="ID_TREEITEM_32" role="treeitem" tabindex="-1">Tree item 32</li>           
+        </ul>
+      </li> 
+    </ul>
+    
+    <h2>Description</h2>
+    <p>A div element with the role='tree' has three child div elements with role='treeitem'.
+      Each of the child div elements contains a div element with the role of tree with two child div elements with the role='treeitem'. 
+      When focus is on the fifth div element with a role of "treeitem" in document order 
+      will be represented in the accessibility tree using the following table:</p>
+    
+    <p><a href="http://www.w3.org/TR/2012/WD-wai-aria-implementation-20120110/#mapping_state-property_table">http://www.w3.org/TR/2012/WD-wai-aria-implementation-20120110/#mapping_state-property_table</a></p>
+
+    <h2>Accessibility API Information</h2>
+    <ul>
+      <li>set size: 2</li>
+      <li>position in set: 1</li>
+      <li>level of set in the hierarchy: 2</li>
+    </ul>
+    
+    <script type="text/javascript">  
+      
+     function setFocus() {
+       var node = document.getElementById('ID_TREEITEM_21');  
+       node.focus();
+     }
+     
+     window.addEventListener('load', setFocus);
+    </script>
+  </body>
+  
+</html>
+
+
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/ARIA/1.0/tests/test-files/setsize-posinset-level/setsize-posinset-level-4.html	Tue Oct 30 16:19:39 2012 +0100
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
+<html>
+  <head>
+    <title>ARIA 1.0 Test Case D</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  </head>
+  <body>
+    <h1>ARIA 1.0 Test Case D</h1>
+    
+    <ul role="listbox" id="ID_LISTBOX">
+      <li id="ID_OPTION_1" role="option" tabindex="-1" aria-setsize="12" aria-level="1" aria-posinset="7">Option 7</li> 
+      <li id="ID_OPTION_2" role="option" tabindex="-1" aria-setsize="12" aria-level="1" aria-posinset="8">Option 8</li> 
+      <li id="ID_OPTION_3" role="option" tabindex="-1" aria-setsize="12" aria-level="1" aria-posinset="9">Option 9</li> 
+    </ul>
+    
+    <h2>Description</h2>
+    <p>A ul element with the role='listbox' has three child li elements each with role='option'.
+      Each of the li elements with the role='option' have aria-setsize='12' attribute, aria-level='1' 
+      attribute and aria-posinset attribute numbered consecuatively from 7 to 9. When focus is on the 
+      second li element, the structure of the accessibility tree will be represented in the 
+      accessibility tree using the following table:</p>
+    
+    <p><a href="http://www.w3.org/TR/2012/WD-wai-aria-implementation-20120110/#mapping_state-property_table">http://www.w3.org/TR/2012/WD-wai-aria-implementation-20120110/#mapping_state-property_table</a></p>
+
+    <h2>Accessibility API Information</h2>
+    <ul>
+      <li>set size: 12</li>
+      <li>position in set: 8</li>
+      <li>level of set in the hierarchy: 1</li>
+    </ul>
+    
+    <script type="text/javascript">  
+      
+     function setFocus() {
+       var node = document.getElementById('ID_OPTION_2');  
+       node.focus();
+     }
+     
+     window.addEventListener('load', setFocus);
+    </script>
+  </body>
+  
+</html>
+
+
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/ARIA/1.0/tests/test-files/setsize-posinset-level/setsize-posinset-level-5.html	Tue Oct 30 16:19:39 2012 +0100
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
+<html>
+  <head>
+    <title>ARIA 1.0 Test Case E</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  </head>
+  <body>
+    <h1>ARIA 1.0 Test Case E</h1>
+    
+    <ul role="tree" id="ID_LISTBOX">
+      <li id="ID_TREEITEM_1" role="treeitem" tabindex="-1" aria-setsize="10" aria-level="2" aria-posinset="5">Tree item 5</li> 
+      <li id="ID_TREEITEM_2" role="treeitem" tabindex="-1" aria-setsize="10" aria-level="2" aria-posinset="6">Tree item 6</li> 
+      <li id="ID_TREEITEM_3" role="treeitem" tabindex="-1" aria-setsize="10" aria-level="2" aria-posinset="7">Tree item 7</li> 
+    </ul>
+    
+    <h2>Description</h2>
+    <p>A ul element with the role='tree' has three child li elements each with role='option'.
+      Each of the li elements with the role='treeitem' have aria-setsize='10' attribute, aria-level='2' atrribute and aria-posinset attribute 
+      numbered consecuatively from 5 to 7.
+      When focus is on the third li element, the structure of the accessibility tree will 
+      be represented in the accessibility tree using the following table:</p>
+    
+    <p><a href="http://www.w3.org/TR/2012/WD-wai-aria-implementation-20120110/#mapping_state-property_table">http://www.w3.org/TR/2012/WD-wai-aria-implementation-20120110/#mapping_state-property_table</a></p>
+
+    <h2>Accessibility API Information</h2>
+    <ul>
+      <li>set size: 10</li>
+      <li>position in set: 7</li>
+      <li>level of set in the hierarchy: 2</li>
+    </ul>
+    
+    <script type="text/javascript">  
+      
+     function setFocus() {
+       var node = document.getElementById('ID_TREEITEM_3');  
+       node.focus();
+     }
+     
+     window.addEventListener('load', setFocus);
+    </script>
+  </body>
+  
+</html>
+
+
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/ARIA/1.0/tests/test-files/setsize-posinset-level/setsize-posinset-level-6.html	Tue Oct 30 16:19:39 2012 +0100
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
+<html>
+  <head>
+    <title>ARIA 1.0 Test Case F</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  </head>
+  <body>
+    <h1>ARIA 1.0 Test Case F</h1>
+    
+    <ul role="tree" id="ID_LISTBOX">
+      <li role="treeitem" tabindex="-1" aria-setsize="10" aria-level="2" aria-posinset="5">Tree item 5
+        <ul role="tree">
+          <li role="treeitem" tabindex="-1" aria-setsize="8" aria-level="3" aria-posinset="3">Tree item 53</li>
+          <li role="treeitem" tabindex="-1" aria-setsize="8" aria-level="3" aria-posinset="4">Tree item 54</li>
+          <li role="treeitem" tabindex="-1" aria-setsize="8" aria-level="3" aria-posinset="5">Tree item 55</li>
+        </ul>
+      </li> 
+      <li role="treeitem" tabindex="-1" aria-setsize="10" aria-level="2" aria-posinset="6">Tree item 6
+        <ul role="tree">
+          <li role="treeitem" tabindex="-1" aria-setsize="7" aria-level="3" aria-posinset="2">Tree item 62</li>
+          <li role="treeitem" tabindex="-1" aria-setsize="7" aria-level="3" aria-posinset="3">Tree item 63</li>
+          <li id="ID_TREEITEM_TARGET" role="treeitem" tabindex="-1" aria-setsize="7" aria-level="3" aria-posinset="4">Tree item 64</li>
+        </ul>
+      </li> 
+      <li role="treeitem" tabindex="-1" aria-setsize="10" aria-level="2" aria-posinset="7">Tree item 7
+        <ul role="tree">
+          <li role="treeitem" tabindex="-1" aria-setsize="9" aria-level="3" aria-posinset="6">Tree item 76</li>
+          <li role="treeitem" tabindex="-1" aria-setsize="9" aria-level="3" aria-posinset="7">Tree item 77</li>
+          <li role="treeitem" tabindex="-1" aria-setsize="9" aria-level="3" aria-posinset="8">Tree item 78</li>
+        </ul>
+      </li> 
+    </ul>
+    
+    <h2>Description</h2>
+    <p>A ul element with the role='tree' has three child li elements each with role='option'.
+      Each of the li elements with the role='treeitem' have aria-setsize='10' attribute, aria-level='2' 
+      atrribute and aria-posinset attribute numbered consecuatively from 5 to 7.
+      Each of the li elements also contains a nested tree widget using ul and li elements with each nested tree 
+      containing three li elements with aria-setsize and aria-posinset to values that are greater than the 3 elements 
+      in the list and aria-level='3' attribute. The eighth li element in the document will have aria-sertzie='7', aria-posinset='4'.
+      When focus is on the eighth li element, the structure of the accessibility tree will 
+      be represented in the accessibility tree using the following table:</p>
+    
+    <p><a href="http://www.w3.org/TR/2012/WD-wai-aria-implementation-20120110/#mapping_state-property_table">http://www.w3.org/TR/2012/WD-wai-aria-implementation-20120110/#mapping_state-property_table</a></p>
+
+    <h2>Accessibility API Information</h2>
+    <ul>
+      <li>set size: 7</li>
+      <li>position in set: 4</li>
+      <li>level of set in the hierarchy: 3</li>
+    </ul>
+    
+    <script type="text/javascript">  
+      
+     function setFocus() {
+       var node = document.getElementById('ID_TREEITEM_TARGET');  
+       node.focus();
+     }
+     
+     window.addEventListener('load', setFocus);
+    </script>
+  </body>
+  
+</html>
+
+