The Tor Browser: accessible/tests/mochitest/tree/test

accessible/tests/mochitest/tree/test_list.html@6474c204b198 (annotated)

accessible/tests/mochitest/tree/test_list.html

Wed, 31 Dec 2014 06:09:35 +0100

author: Michael Schloh von Bennewitz <michael@schloh.com>
date: Wed, 31 Dec 2014 06:09:35 +0100
changeset 0: 6474c204b198
permissions: -rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

 <!DOCTYPE html>
 <html>
 <head>
   <title>HTML ul/li element tests</title>
   <link rel="stylesheet" type="text/css"
         href="chrome://mochikit/content/tests/SimpleTest/test.css" />
   <script type="application/javascript"
           src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
   <script type="application/javascript"
           src="../common.js"></script>
   <script type="application/javascript"
           src="../role.js"></script>
   <script type="application/javascript">
     function listItemTree(aBulletText, aName, aSubtree)
     {
       var obj = {
         role: ROLE_LISTITEM,
         children: [
           {
             role: ROLE_STATICTEXT,
             name: aBulletText
           },
           {
             role: ROLE_TEXT_LEAF,
             name: aName
           }
         ]
       };
       if (aSubtree)
         obj.children.push(aSubtree);
       return obj;
     }
     function doTest()
     {
       // list1
       var discAccTree = {
         role: ROLE_LIST,
         children: [
           new listItemTree(kDiscBulletText, "Oranges"),
           new listItemTree(kDiscBulletText, "Apples"),
           new listItemTree(kDiscBulletText, "Bananas")
         ]
       };
       testAccessibleTree("list1", discAccTree);
       // list2
       var circleAccTree = {
         role: ROLE_LIST,
         children: [
           new listItemTree(kCircleBulletText, "Oranges"),
           new listItemTree(kCircleBulletText, "Apples"),
           new listItemTree(kCircleBulletText, "Bananas")
         ]
       };
       testAccessibleTree("list2", circleAccTree);
       // list3
       var squareAccTree = {
         role: ROLE_LIST,
         children: [
           new listItemTree(kSquareBulletText, "Oranges"),
           new listItemTree(kSquareBulletText, "Apples"),
           new listItemTree(kSquareBulletText, "Bananas")
         ]
       };
       testAccessibleTree("list3", squareAccTree);
       // list4
       var nestedAccTree = {
         role: ROLE_LIST,
         children: [
           new listItemTree("1. ", "Oranges"),
           new listItemTree("2. ", "Apples"),
           new listItemTree("3. ", "Bananas", circleAccTree)
         ]
       };
       testAccessibleTree("list4", nestedAccTree);
       // dl list
       var tree =
         { DEFINITION_LIST: [ // dl
           { TERM: [ // dt
             { TEXT_LEAF: [] },
           ] },
           { DEFINITION: [ // dd
             { TEXT_LEAF: [] }
           ] },
           { TERM: [ // dt
             { TEXT_LEAF: [] }
           ] },
           { DEFINITION: [ // dd
             { TEXT_LEAF: [] }
           ] }
         ] };
       testAccessibleTree("list5", tree);
       // dl list inside ordered list
       tree =
         { LIST: [ // ol
           { LISTITEM: [ // li
             { STATICTEXT: [ ] },
             { DEFINITION_LIST: [ // dl
               { TERM: [ // dt
                 { TEXT_LEAF: [] }
               ] },
               { DEFINITION: [ // dd
                 { TEXT_LEAF: [] }
               ] }
             ] }
           ] }
         ] };
       testAccessibleTree("list6", tree);
       // li having no display:list-item style
       var tree =
         { LIST: [ // ul
           { LISTITEM: [ // li
             { TEXT_LEAF: [] },
           ] },
           { TEXT_LEAF: [] },
           { LISTITEM: [ // li
             { TEXT_LEAF: [] }
           ] }
         ] };
       testAccessibleTree("list7", tree);
       var tree =
         { LIST: [ // ul
           { LISTITEM: [ // li
             { TEXT_LEAF: [] },
           ] },
           { LISTITEM: [ // li
             { TEXT_LEAF: [] }
           ] }
         ] };
       testAccessibleTree("list8", tree);
       // span having display:list-item style
       testAccessibleTree("list9", discAccTree);
       SimpleTest.finish();
     }
     SimpleTest.waitForExplicitFinish();
     addA11yLoadEvent(doTest);
   </script>
 </head>
 <body>
   <a target="_blank"
      title="Fix O(n^2) access to all the children of a container"
      href="https://bugzilla.mozilla.org/show_bug.cgi?id=342045">
     Mozilla Bug 342045
   </a>
   <a target="_blank"
      title="Wrong accessible is created for HTML:li having block display style"
      href="https://bugzilla.mozilla.org/show_bug.cgi?id=507555">
     Mozilla Bug 507555
   </a>
   <a target="_blank"
      title="Bullets of nested not ordered lists have one and the same character."
      href="https://bugzilla.mozilla.org/show_bug.cgi?id=604587">
     Mozilla Bug 604587
   </a>
   <a target="_blank"
      title="Fix list bullets for DL list (crash [@ nsBulletFrame::GetListItemText])"
      href="https://bugzilla.mozilla.org/show_bug.cgi?id=629114">
     Mozilla Bug 629114
   </a>
   <p id="display"></p>
   <div id="content" style="display: none"></div>
   <pre id="test">
   </pre>
   <ul id="list1">
     <li id="l1_li1">Oranges</li>
     <li id="l1_li2">Apples</li>
     <li id="l1_li3">Bananas</li>
   </ul>
   <ul id="list2" style="list-style-type: circle">
     <li id="l2_li1">Oranges</li>
     <li id="l2_li2">Apples</li>
     <li id="l2_li3">Bananas</li>
   </ul>
   <ul id="list3" style="list-style-type: square">
     <li id="l3_li1">Oranges</li>
     <li id="l3_li2">Apples</li>
     <li id="l3_li3">Bananas</li>
   </ul>
   <ol id="list4">
     <li id="li4">Oranges</li>
     <li id="li5">Apples</li>
     <li id="li6">Bananas<ul>
         <li id="n_li4">Oranges</li>
         <li id="n_li5">Apples</li>
         <li id="n_li6">Bananas</li>
       </ul>
     </li>
   </ol>
   <dl id="list5">
     <dt>item1</dt><dd>description</dd>
     <dt>item2</td><dd>description</dd>
   </dl>
   <ol id="list6">
     <li>
       <dl id="dl">
         <dt>item1</dt><dd>description</dd>
       </dl>
     </li>
   </ol>
   <!-- display style different than list-item -->
   <ul id="list7">
     <li id="l7_li1" style="display:inline-block;">Oranges</li>
     <li id="l7_li2" style="display:inline-block;">Apples</li>
   </ul>
   <ul id="list8">
     <li id="l8_li1" style="display:inline; float:right;">Oranges</li>
     <li id="l8_li2" style="display:inline; float:right;">Apples</li>
   </ul>
   <!-- list-item display style -->
   <ul id="list9">
     <span id="l9_li1" style="display:list-item">Oranges</span>
     <span id="l9_li2" style="display:list-item">Apples</span>
     <span id="l9_li3" style="display:list-item">Bananas</span>
   </ul>
 </body>
 </html>

The Tor Browser / annotate

accessible/tests/mochitest/tree/test_list.html@6474c204b198 (annotated)

accessible/tests/mochitest/tree/test_list.html