Commit 066219f9 authored by abucur@adobe.com's avatar abucur@adobe.com

[CSS Regions] Add tests for lists and counters

https://bugs.webkit.org/show_bug.cgi?id=103975

Reviewed by Andreas Kling.

Lists and counters work correctly with regions since r148026 (http://trac.webkit.org/changeset/148026).
This patch adds W3C formatted ref tests to our battery.

* fast/regions/counters/extract-list-items-001-expected.html: Added.
* fast/regions/counters/extract-list-items-001.html: Added.
* fast/regions/counters/extract-list-items-002-expected.html: Added.
* fast/regions/counters/extract-list-items-002.html: Added.
* fast/regions/counters/extract-list-items-003-expected.html: Added.
* fast/regions/counters/extract-list-items-003.html: Added.
* fast/regions/counters/extract-list-items-004-expected.html: Added.
* fast/regions/counters/extract-list-items-004.html: Added.
* fast/regions/counters/extract-list-items-005-expected.html: Added.
* fast/regions/counters/extract-list-items-005.html: Added.
* fast/regions/counters/extract-list-items-006-expected.html: Added.
* fast/regions/counters/extract-list-items-006.html: Added.
* fast/regions/counters/extract-list-items-007-expected.html: Added.
* fast/regions/counters/extract-list-items-007.html: Added.
* fast/regions/counters/extract-list-items-008-expected.html: Added.
* fast/regions/counters/extract-list-items-008.html: Added.
* fast/regions/counters/extract-list-items-009-expected.html: Added.
* fast/regions/counters/extract-list-items-009.html: Added.
* fast/regions/counters/extract-list-items-010-expected.html: Added.
* fast/regions/counters/extract-list-items-010.html: Added.
* fast/regions/counters/extract-list-items-011-expected.html: Added.
* fast/regions/counters/extract-list-items-011.html: Added.
* fast/regions/counters/extract-list-items-012-expected.html: Added.
* fast/regions/counters/extract-list-items-012.html: Added.
* fast/regions/counters/extract-list-items-013-expected.html: Added.
* fast/regions/counters/extract-list-items-013.html: Added.
* fast/regions/counters/extract-list-items-014-expected.html: Added.
* fast/regions/counters/extract-list-items-014.html: Added.
* fast/regions/counters/extract-list-items-015-expected.html: Added.
* fast/regions/counters/extract-list-items-015.html: Added.
* fast/regions/counters/extract-numbered-paragraphs-divs-001-expected.html: Added.
* fast/regions/counters/extract-numbered-paragraphs-divs-001.html: Added.
* fast/regions/counters/extract-numbered-paragraphs-divs-002-expected.html: Added.
* fast/regions/counters/extract-numbered-paragraphs-divs-002.html: Added.
* fast/regions/counters/extract-numbered-paragraphs-expected.html: Added.
* fast/regions/counters/extract-numbered-paragraphs.html: Added.
* fast/regions/counters/extract-numbered-spans-display-only-some-expected.html: Added.
* fast/regions/counters/extract-numbered-spans-display-only-some.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-001-expected.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-001.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-002-expected.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-002.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-003-expected.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-003.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-001-expected.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-001.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-002-expected.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-002.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-003-expected.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-003.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-004-expected.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-004.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-005-expected.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-005.html: Added.
* fast/regions/counters/extract-unordered-lists-in-regions-expected.html: Added.
* fast/regions/counters/extract-unordered-lists-in-regions.html: Added.


git-svn-id: http://svn.webkit.org/repository/webkit/trunk@148878 268f45cc-cd09-0410-ab3c-d52691b4dbfc
parent 5a49c030
2013-04-22 Andrei Bucur <abucur@adobe.com>
[CSS Regions] Add tests for lists and counters
https://bugs.webkit.org/show_bug.cgi?id=103975
Reviewed by Andreas Kling.
Lists and counters work correctly with regions since r148026 (http://trac.webkit.org/changeset/148026).
This patch adds W3C formatted ref tests to our battery.
* fast/regions/counters/extract-list-items-001-expected.html: Added.
* fast/regions/counters/extract-list-items-001.html: Added.
* fast/regions/counters/extract-list-items-002-expected.html: Added.
* fast/regions/counters/extract-list-items-002.html: Added.
* fast/regions/counters/extract-list-items-003-expected.html: Added.
* fast/regions/counters/extract-list-items-003.html: Added.
* fast/regions/counters/extract-list-items-004-expected.html: Added.
* fast/regions/counters/extract-list-items-004.html: Added.
* fast/regions/counters/extract-list-items-005-expected.html: Added.
* fast/regions/counters/extract-list-items-005.html: Added.
* fast/regions/counters/extract-list-items-006-expected.html: Added.
* fast/regions/counters/extract-list-items-006.html: Added.
* fast/regions/counters/extract-list-items-007-expected.html: Added.
* fast/regions/counters/extract-list-items-007.html: Added.
* fast/regions/counters/extract-list-items-008-expected.html: Added.
* fast/regions/counters/extract-list-items-008.html: Added.
* fast/regions/counters/extract-list-items-009-expected.html: Added.
* fast/regions/counters/extract-list-items-009.html: Added.
* fast/regions/counters/extract-list-items-010-expected.html: Added.
* fast/regions/counters/extract-list-items-010.html: Added.
* fast/regions/counters/extract-list-items-011-expected.html: Added.
* fast/regions/counters/extract-list-items-011.html: Added.
* fast/regions/counters/extract-list-items-012-expected.html: Added.
* fast/regions/counters/extract-list-items-012.html: Added.
* fast/regions/counters/extract-list-items-013-expected.html: Added.
* fast/regions/counters/extract-list-items-013.html: Added.
* fast/regions/counters/extract-list-items-014-expected.html: Added.
* fast/regions/counters/extract-list-items-014.html: Added.
* fast/regions/counters/extract-list-items-015-expected.html: Added.
* fast/regions/counters/extract-list-items-015.html: Added.
* fast/regions/counters/extract-numbered-paragraphs-divs-001-expected.html: Added.
* fast/regions/counters/extract-numbered-paragraphs-divs-001.html: Added.
* fast/regions/counters/extract-numbered-paragraphs-divs-002-expected.html: Added.
* fast/regions/counters/extract-numbered-paragraphs-divs-002.html: Added.
* fast/regions/counters/extract-numbered-paragraphs-expected.html: Added.
* fast/regions/counters/extract-numbered-paragraphs.html: Added.
* fast/regions/counters/extract-numbered-spans-display-only-some-expected.html: Added.
* fast/regions/counters/extract-numbered-spans-display-only-some.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-001-expected.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-001.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-002-expected.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-002.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-003-expected.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-003.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-001-expected.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-001.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-002-expected.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-002.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-003-expected.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-003.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-004-expected.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-004.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-005-expected.html: Added.
* fast/regions/counters/extract-ordered-lists-in-regions-explicit-counters-005.html: Added.
* fast/regions/counters/extract-unordered-lists-in-regions-expected.html: Added.
* fast/regions/counters/extract-unordered-lists-in-regions.html: Added.
2013-04-22 Gyuyoung Kim <gyuyoung.kim@samsung.com>
Unreviewed, gardening. css3-device-adaptation doesn't work for WK1 EFL properly.
<!DOCTYPE html>
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Mihai Balan" href="mibalan@adobe.com">
<style>
ol, ul {
margin: 0;
padding: 0;
}
.region {
width: 200px;
background-color: lightgray;
margin: 1em 2em;
}
</style>
</head>
<body>
<p>This test passes if there are two gray rectangles, each with a 4 items list in it.<br>
The first list should not be numbered and the second should be numbered, starting at 1.<br>
Both the list markers for the first list and the numbers for the second list should be outside of the gray rectangles.
</p>
<div class="region">
<ul>
<li>Unordered list, item 1</li>
<li>Unordered list, item 2</li>
<li>Unordered list, item 3</li>
<li>Unordered list, item 4</li>
</ul>
</div>
<div class="region">
<ol>
<li>Ordered list, item 1</li>
<li>Ordered list, item 2</li>
<li>Ordered list, item 3</li>
<li>Ordered list, item 4</li>
</ol>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>CSS Test: flow-into on ordered and unordered list items</title>
<link rel="author" title="Mihai Balan" href="mibalan@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css3-regions/#properties-and-rules" />
<link rel="help" href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" />
<meta name="flags" content="">
<meta name="assert" content="The flow-into property can be applied to individual list items. List items extracted in named flows and flowed into regions must preserve their list markers and numbering.">
<style>
ul > li {
-webkit-flow-into: uflow;
}
#r1 {
-webkit-flow-from: uflow;
}
ol > li {
-webkit-flow-into: oflow;
}
#r2 {
-webkit-flow-from: oflow;
}
.region {
width: 200px;
background-color: lightgray;
margin: 1em 2em;
}
</style>
</head>
<body>
<p>This test passes if there are two gray rectangles, each with a 4 items list in it.<br>
The first list should not be numbered and the second should be numbered, starting at 1.<br>
Both the list markers for the first list and the numbers for the second list should be outside of the gray rectangles.
</p>
<ul>
<li>Unordered list, item 1</li>
<li>Unordered list, item 2</li>
<li>Unordered list, item 3</li>
<li>Unordered list, item 4</li>
</ul>
<ol>
<li>Ordered list, item 1</li>
<li>Ordered list, item 2</li>
<li>Ordered list, item 3</li>
<li>Ordered list, item 4</li>
</ol>
<div id="r1" class="region"></div>
<div id="r2" class="region"></div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Mihai Balan" href="mibalan@adobe.com">
<style>
ul:first-of-type, ol:first-of-type {
color: blue;
}
ul:nth-of-type(3) {
color: green;
}
ol, ul {
margin: 0;
padding: 0;
}
.region {
margin: 2em;
background-color: lightgray;
width: 200px;
}
</style>
</head>
<body>
<p>This test passes if there are two gray rectangles: the first with two numbered lists (3 items each), the second with three un-numbered lists (2 items each).<br>
First list of each type should be blue, second list of each type should be black and the third un-ordered list should be green.
</p>
<p>Each numbered list should start at 1.<br>
Both the numbers and the list markers should be outside of the gray rectangles.</p>
<div class="region" id="r1">
<ol>
<li>Ordered list 1, item 1</li>
<li>Ordered list 1, item 2</li>
<li>Ordered list 1, item 3</li>
</ol>
<ol>
<li>Ordered list 2, item 1</li>
<li>Ordered list 2, item 2</li>
<li>Ordered list 2, item 3</li>
</ol>
</div>
<div class="region" id="r2">
<ul>
<li>Unordered list 1, item 1</li>
<li>Unordered list 1, item 2</li>
</ul>
<ul>
<li>Unordered list 2, item 1</li>
<li>Unordered list 2, item 2</li>
</ul>
<ul>
<li>Unordered list 3, item 1</li>
<li>Unordered list 3, item 2</li>
</ul>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>CSS Test: flow-into on ordered and unordered list items from multiple lists</title>
<link rel="author" title="Mihai Balan" href="mibalan@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css3-regions/#properties-and-rules" />
<link rel="help" href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" />
<meta name="flags" content="">
<meta name="assert" content="The flow-into property can be applied to individual list items. List items extracted in named flows and flowed into regions must preserve their list markers and numbering, even when extracting items from multiple lists in the same named flow.">
<style>
ul:first-of-type, ol:first-of-type {
color: blue;
}
ul:nth-of-type(3) {
color: green;
}
ol > li {
-webkit-flow-into: f1;
}
#r1 {
-webkit-flow-from: f1;
}
ul > li {
-webkit-flow-into: f2;
}
#r2 {
-webkit-flow-from: f2;
}
.region {
margin: 2em;
background-color: lightgray;
width: 200px;
}
</style>
</head>
<body>
<p>This test passes if there are two gray rectangles: the first with two numbered lists (3 items each), the second with three un-numbered lists (2 items each).<br>
First list of each type should be blue, second list of each type should be black and the third un-ordered list should be green.
</p>
<p>Each numbered list should start at 1.<br>
Both the numbers and the list markers should be outside of the gray rectangles.</p>
<ol>
<li>Ordered list 1, item 1</li>
<li>Ordered list 1, item 2</li>
<li>Ordered list 1, item 3</li>
</ol>
<ol>
<li>Ordered list 2, item 1</li>
<li>Ordered list 2, item 2</li>
<li>Ordered list 2, item 3</li>
</ol>
<div class="region" id="r1"></div>
<ul>
<li>Unordered list 1, item 1</li>
<li>Unordered list 1, item 2</li>
</ul>
<ul>
<li>Unordered list 2, item 1</li>
<li>Unordered list 2, item 2</li>
</ul>
<ul>
<li>Unordered list 3, item 1</li>
<li>Unordered list 3, item 2</li>
</ul>
<div class="region" id="r2"></div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Mihai Balan" href="mibalan@adobe.com">
<style>
#outer-ordered-1 {
padding: 0;
}
#r2 ol, #r2 ul {
padding: 0;
}
#outer-ordered-1 ol,
#outer-ordered-2 ol {
color: blue;
}
#outer-ordered-2 ol ol {
color: green;
}
.region {
margin: 2em;
background-color: lightgray;
width: 20em;
}
</style>
</head>
<body>
<p>This test passes if there are two gray rectangles: each with a list with another lists nested in it. The numbers for the black list in the first rectangle, and the numbers for all the lists in the second rectangle should be rendered outside of the gray boxes</p>
<p>The list in the first rectangle should be black, with two blue nested lists in it. The nested lists should appear after the first and the second items, they should be indented and numbered starting at 1.</p>
<p>The list in the second rectangle should be black, with a blue nested list in it that has in turn a nested green list in it. The numbers in the list items text should coincide with the list item numbers.</p>
<div class="region" id="r1">
<ol id="outer-ordered-1">
<li>First ordered list, item 1
<ol>
<li>First inner ordered list, item 1</li>
<li>First inner ordered list, item 2</li>
<li>First inner ordered list, item 3</li>
</ol>
</li>
<li>First ordered list, item 2
<ol>
<li>Second inner ordered list, item 1</li>
<li>Second inner ordered list, item 2</li>
</ol>
</li>
<li>First ordered list, item 3</li>
</ol>
</div>
<div class="region" id="r2">
<ol id="outer-ordered-2">
<li>Second ordered list, item 1</li>
<li>Second ordered list, item 2
<ol>
<li>Last inner ordered list, item 1</li>
<li>Last inner ordered list, item 2
<ol>
<li>Innermost ordered list, item 1</li>
<li>Innermost ordered list, item 2</li>
</ol>
</li>
<li>Last inner ordered list, item 3</li>
<li>Last inner ordered list, item 4</li>
</ol>
</li>
<li>Second ordered list, item 3</li>
</ol>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>CSS Test: flow-into on ordered list items from multiple lists, including nested lists</title>
<link rel="author" title="Mihai Balan" href="mibalan@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css3-regions/#properties-and-rules" />
<link rel="help" href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" />
<meta name="flags" content="">
<meta name="assert" content="The flow-into property can be applied to individual list items. List items extracted in named flows and flowed into regions must preserve their numbering, even when extracting items from multiple and nested lists into the same named flow.">
<style>
#outer-ordered-1 ol,
#outer-ordered-2 ol {
color: blue;
}
#outer-ordered-2 ol ol {
color: green;
}
#outer-ordered-1 > li {
-webkit-flow-into: f1;
}
#r1 {
-webkit-flow-from: f1;
}
#outer-ordered-2 li {
-webkit-flow-into: f2;
}
#r2 {
-webkit-flow-from: f2;
}
.region {
margin: 2em;
background-color: lightgray;
width: 20em;
}
</style>
</head>
<body>
<p>This test passes if there are two gray rectangles: each with a list with another lists nested in it. The numbers for the black list in the first rectangle, and the numbers for all the lists in the second rectangle should be rendered outside of the gray boxes</p>
<p>The list in the first rectangle should be black, with two blue nested lists in it. The nested lists should appear after the first and the second items, they should be indented and numbered starting at 1.</p>
<p>The list in the second rectangle should be black, with a blue nested list in it that has in turn a nested green list in it. The numbers in the list items text should coincide with the list item numbers.</p>
<ol id="outer-ordered-1">
<li>First ordered list, item 1
<ol>
<li>First inner ordered list, item 1</li>
<li>First inner ordered list, item 2</li>
<li>First inner ordered list, item 3</li>
</ol>
</li>
<li>First ordered list, item 2
<ol>
<li>Second inner ordered list, item 1</li>
<li>Second inner ordered list, item 2</li>
</ol>
</li>
<li>First ordered list, item 3</li>
</ol>
<div class="region" id="r1"></div>
<ol id="outer-ordered-2">
<li>Second ordered list, item 1</li>
<li>Second ordered list, item 2
<ol>
<li>Last inner ordered list, item 1</li>
<li>Last inner ordered list, item 2
<ol>
<li>Innermost ordered list, item 1</li>
<li>Innermost ordered list, item 2</li>
</ol>
</li>
<li>Last inner ordered list, item 3</li>
<li>Last inner ordered list, item 4</li>
</ol>
</li>
<li>Second ordered list, item 3</li>
</ol>
<div class="region" id="r2"></div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Mihai Balan" href="mibalan@adobe.com">
<style>
#outer-unordered-1 {
padding: 0;
}
#r2 ol, #r2 ul {
padding: 0;
}
#outer-unordered-1 ul,
#outer-unordered-2 ul {
color: blue;
}
#outer-unordered-2 ul ul {
color: green;
}
.region {
margin: 2em;
background-color: lightgray;
width: 20em;
}
</style>
</head>
<body>
<p>This test passes if there are two gray rectangles: each with a list with another lists nested in it. The list markers for the black list in the first rectangle, and for all the lists in the second rectangle should be rendered outside of the gray boxes</p>
<p>The list in the first rectangle should be black, with two blue nested lists in it. The nested lists should appear after the first and the second items, they should be indented and use a different kind of bullet.</p>
<p>The list in the second rectangle should be black, with a blue nested list in it that has in turn a nested green list in it. Each of the black, blue and green list should use different kinds of bullets and list items of the same color should have the same kind of bullet.</p>
<div class="region" id="r1">
<ul id="outer-unordered-1">
<li>First unordered list, item 1
<ul>
<li>First inner unordered list, item 1</li>
<li>First inner unordered list, item 2</li>
<li>First inner unordered list, item 3</li>
</ul>
</li>
<li>First unordered list, item 2
<ul>
<li>Second inner unordered list, item 1</li>
<li>Second inner unordered list, item 2</li>
</ul>
</li>
<li>First unordered list, item 3</li>
</ul>
</div>
<div class="region" id="r2">
<ul id="outer-unordered-2">
<li>Second unordered list, item 1</li>
<li>Second unordered list, item 2
<ul>
<li>Last inner unordered list, item 1</li>
<li>Last inner unordered list, item 2
<ul>
<li>Innermost unordered list, item 1</li>
<li>Innermost unordered list, item 2</li>
</ul>
</li>
<li>Last inner unordered list, item 3</li>
<li>Last inner unordered list, item 4</li>
</ul>
</li>
<li>Second unordered list, item 3</li>
</ul>
</div>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>CSS Test: flow-into on unordered list items, when items contain other unordered lists</title>
<link rel="author" title="Mihai Balan" href="mibalan@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css3-regions/#properties-and-rules" />
<link rel="help" href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" />
<meta name="flags" content="">
<meta name="assert" content="The flow-into property can be applied to individual list items. List items extracted in named flows and flowed into regions must preserve their list markers, even when extracting items from multiple and nested lists into the same named flow.">
<style>
#outer-unordered-1 ul,
#outer-unordered-2 ul {
color: blue;
}
#outer-unordered-2 ul ul {
color: green;
}
#outer-unordered-1 > li {
-webkit-flow-into: f1;
}
#r1 {
-webkit-flow-from: f1;
}
#outer-unordered-2 li {
-webkit-flow-into: f2;
}
#r2 {
-webkit-flow-from: f2;
}
.region {
margin: 2em;
background-color: lightgray;
width: 20em;
}
</style>
</head>
<body>
<p>This test passes if there are two gray rectangles: each with a list with another lists nested in it. The list markers for the black list in the first rectangle, and for all the lists in the second rectangle should be rendered outside of the gray boxes</p>
<p>The list in the first rectangle should be black, with two blue nested lists in it. The nested lists should appear after the first and the second items, they should be indented and use a different kind of bullet.</p>
<p>The list in the second rectangle should be black, with a blue nested list in it that has in turn a nested green list in it. Each of the black, blue and green list should use different kinds of bullets and list items of the same color should have the same kind of bullet.</p>
<ul id="outer-unordered-1">
<li>First unordered list, item 1
<ul>
<li>First inner unordered list, item 1</li>
<li>First inner unordered list, item 2</li>
<li>First inner unordered list, item 3</li>
</ul>
</li>
<li>First unordered list, item 2
<ul>
<li>Second inner unordered list, item 1</li>
<li>Second inner unordered list, item 2</li>
</ul>
</li>
<li>First unordered list, item 3</li>
</ul>
<div class="region" id="r1"></div>
<ul id="outer-unordered-2">
<li>Second unordered list, item 1</li>
<li>Second unordered list, item 2
<ul>
<li>Last inner unordered list, item 1</li>
<li>Last inner unordered list, item 2
<ul>
<li>Innermost unordered list, item 1</li>
<li>Innermost unordered list, item 2</li>
</ul>
</li>
<li>Last inner unordered list, item 3</li>
<li>Last inner unordered list, item 4</li>
</ul>