Verifies that the 'list type change' editing command works as expected. This test requires WebKitTestRunner or DumpRenderTree.

After making the outer list ordered:
| "
        "
| <ol>
|   class="list"
|   "
            "
|   <li>
|     id="one"
|     "one"
|   "
            "
|   <ol>
|     class="list"
|     style="color: red"
|     "
                "
|     <li>
|       id="two"
|       "two"
|     "
                "
|     <li>
|       id="three"
|       "three"
|     "
            "
|   "
            "
|   <li>
|     id="four"
|     "four"
|   "
            "
|   <pre>
|     "                "
|     <ol>
|       class="list"
|       "
                    "
|       <li>
|         id="five"
|         "five"
|       "
                    "
|       <li>
|         id="six"
|         "six"
|       "
                "
|     "
            <#selection-caret>"
|   "
        "
| "
    "

After an undo:
| "
        "
| <ul>
|   class="list"
|   "
            "
|   <li>
|     id="one"
|     "one<#selection-caret>"
|   "
            "
|   <ol>
|     class="list"
|     style="color: red"
|     "
                "
|     <li>
|       id="two"
|       "two"
|     "
                "
|     <li>
|       id="three"
|       "three"
|     "
            "
|   "
            "
|   <li>
|     id="four"
|     "four"
|   "
            "
|   <pre>
|     "                "
|     <ol>
|       class="list"
|       "
                    "
|       <li>
|         id="five"
|         "five"
|       "
                    "
|       <li>
|         id="six"
|         "six"
|       "
                "
|     "
            "
|   "
        "
| "
    "

After a redo:
| "
        "
| <ol>
|   class="list"
|   "
            "
|   <li>
|     id="one"
|     "one"
|   "
            "
|   <ol>
|     class="list"
|     style="color: red"
|     "
                "
|     <li>
|       id="two"
|       "two"
|     "
                "
|     <li>
|       id="three"
|       "three"
|     "
            "
|   "
            "
|   <li>
|     id="four"
|     "four"
|   "
            "
|   <pre>
|     "                "
|     <ol>
|       class="list"
|       "
                    "
|       <li>
|         id="five"
|         "five"
|       "
                    "
|       <li>
|         id="six"
|         "six"
|       "
                "
|     "
            <#selection-caret>"
|   "
        "
| "
    "

After making the first sublist unordered:
| "
        "
| <ol>
|   class="list"
|   "
            "
|   <li>
|     id="one"
|     "one"
|   "
            "
|   <ul>
|     class="list"
|     style="color: red"
|     "
                "
|     <li>
|       id="two"
|       "two"
|     "
                "
|     <li>
|       id="three"
|       "three<#selection-caret>"
|     "
            "
|   "
            "
|   <li>
|     id="four"
|     "four"
|   "
            "
|   <pre>
|     "                "
|     <ol>
|       class="list"
|       "
                    "
|       <li>
|         id="five"
|         "five"
|       "
                    "
|       <li>
|         id="six"
|         "six"
|       "
                "
|     "
            "
|   "
        "
| "
    "

After changing the first sublist back to ordered:
| "
        "
| <ol>
|   class="list"
|   "
            "
|   <li>
|     id="one"
|     "one"
|   "
            "
|   <ol>
|     class="list"
|     style="color: red"
|     "
                "
|     <li>
|       id="two"
|       "two"
|     "
                "
|     <li>
|       id="three"
|       "three<#selection-caret>"
|     "
            "
|   "
            "
|   <li>
|     id="four"
|     "four"
|   "
            "
|   <pre>
|     "                "
|     <ol>
|       class="list"
|       "
                    "
|       <li>
|         id="five"
|         "five"
|       "
                    "
|       <li>
|         id="six"
|         "six"
|       "
                "
|     "
            "
|   "
        "
| "
    "

After making the second sublist unordered:
| "
        "
| <ol>
|   class="list"
|   "
            "
|   <li>
|     id="one"
|     "one"
|   "
            "
|   <ol>
|     class="list"
|     style="color: red"
|     "
                "
|     <li>
|       id="two"
|       "two"
|     "
                "
|     <li>
|       id="three"
|       "three"
|     "
            "
|   "
            "
|   <li>
|     id="four"
|     "four"
|   "
            "
|   <pre>
|     "                "
|     <ul>
|       class="list"
|       "
                    "
|       <li>
|         id="five"
|         "five"
|       "
                    "
|       <li>
|         id="six"
|         "six"
|       "
                <#selection-caret>"
|     "
            "
|   "
        "
| "
    "

After an undo:
| "
        "
| <ol>
|   class="list"
|   "
            "
|   <li>
|     id="one"
|     "one"
|   "
            "
|   <ol>
|     class="list"
|     style="color: red"
|     "
                "
|     <li>
|       id="two"
|       "two"
|     "
                "
|     <li>
|       id="three"
|       "three"
|     "
            "
|   "
            "
|   <li>
|     id="four"
|     "four"
|   "
            "
|   <pre>
|     "                "
|     <ol>
|       class="list"
|       "
                    "
|       <li>
|         id="five"
|         "<#selection-anchor>five"
|       "
                    "
|       <li>
|         id="six"
|         "six<#selection-focus>"
|       "
                "
|     "
            "
|   "
        "
| "
    "

After making the outer list unordered:
| "
        "
| <ul>
|   class="list"
|   "
            "
|   <li>
|     id="one"
|     "one"
|   "
            "
|   <ol>
|     class="list"
|     style="color: red"
|     "
                "
|     <li>
|       id="two"
|       "two"
|     "
                "
|     <li>
|       id="three"
|       "three"
|     "
            "
|   "
            "
|   <li>
|     id="four"
|     "four"
|   "
            "
|   <pre>
|     "                "
|     <ol>
|       class="list"
|       "
                    "
|       <li>
|         id="five"
|         "five"
|       "
                    "
|       <li>
|         id="six"
|         "six"
|       "
                "
|     "
            <#selection-caret>"
|   "
        "
| "
    "

After making the outer list ordered again:
| "
        "
| <ol>
|   class="list"
|   "
            "
|   <li>
|     id="one"
|     "one"
|   "
            "
|   <ol>
|     class="list"
|     style="color: red"
|     "
                "
|     <li>
|       id="two"
|       "two"
|     "
                "
|     <li>
|       id="three"
|       "three"
|     "
            "
|   "
            "
|   <li>
|     id="four"
|     "four"
|   "
            "
|   <pre>
|     "                "
|     <ol>
|       class="list"
|       "
                    "
|       <li>
|         id="five"
|         "five"
|       "
                    "
|       <li>
|         id="six"
|         "six"
|       "
                "
|     "
            <#selection-caret>"
|   "
        "
| "
    "

After making the left list unordered:
| "
        "
| <table>
|   "
            "
|   <tbody>
|     "
                "
|     <tr>
|       "
                    "
|       <td>
|         "
                        "
|         <div>
|           "foo"
|         "
                        "
|         <ul>
|           class="list"
|           "
                            "
|           <li>
|             id="seven"
|             "seven"
|           "
                            "
|           <li>
|             id="eight"
|             "eight<#selection-caret>"
|           "
                        "
|         "
                    "
|       "
                    "
|       <td>
|         "
                        "
|         <div>
|           "bar"
|         "
                        "
|         <ul>
|           class="list"
|           "
                            "
|           <li>
|             id="nine"
|             "nine"
|           "
                            "
|           <li>
|             id="ten"
|             "ten"
|           "
                        "
|         "
                    "
|       "
                "
|     "
            "
|   "
        "
| "
    "

After making the right list ordered:
| "
        "
| <table>
|   "
            "
|   <tbody>
|     "
                "
|     <tr>
|       "
                    "
|       <td>
|         "
                        "
|         <div>
|           "foo"
|         "
                        "
|         <ul>
|           class="list"
|           "
                            "
|           <li>
|             id="seven"
|             "seven"
|           "
                            "
|           <li>
|             id="eight"
|             "eight"
|           "
                        "
|         "
                    "
|       "
                    "
|       <td>
|         "
                        "
|         <div>
|           "bar"
|         "
                        "
|         <ol>
|           class="list"
|           "
                            "
|           <li>
|             id="nine"
|             "nine"
|           "
                            "
|           <li>
|             id="ten"
|             "ten<#selection-caret>"
|           "
                        "
|         "
                    "
|       "
                "
|     "
            "
|   "
        "
| "
    "

After selecting both lists and changing list type (this should be a no-op):
| "
        "
| <table>
|   "
            "
|   <tbody>
|     "
                "
|     <tr>
|       "
                    "
|       <td>
|         "
                        "
|         <div>
|           "foo"
|         "
                        "
|         <ul>
|           class="list"
|           "
                            "
|           <li>
|             id="seven"
|             "<#selection-anchor>seven"
|           "
                            "
|           <li>
|             id="eight"
|             "eight"
|           "
                        "
|         "
                    "
|       "
                    "
|       <td>
|         "
                        "
|         <div>
|           "bar"
|         "
                        "
|         <ol>
|           class="list"
|           "
                            "
|           <li>
|             id="nine"
|             "nine"
|           "
                            "
|           <li>
|             id="ten"
|             "ten<#selection-focus>"
|           "
                        "
|         "
                    "
|       "
                "
|     "
            "
|   "
        "
| "
    "