diff options
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/generate')
54 files changed, 560 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-001.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-001.xht new file mode 100644 index 0000000000..c63b365819 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-001.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position - first-child block box with 'overflow'</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/> + <meta name="assert" content="The position of a first-child block box inside a principal box must not be affected by 'overflow' being applied to the first-child, when marker box is positioned outside the principal box"/> + <style type="text/css"> + #test{ + background:red; + display:list-item; + font-size:85px; + margin:50px; + } + #test div{ + background:lime; + overflow:auto; + } + </style> + </head> + + <body> + <p>To pass, there <strong>must</strong> be a bullet (filled-in circle) visible which <strong>should</strong> appear alongside the green bar to the left, and there <strong>must not</strong> not be any red in this page.</p> + <div id="test"> + <div> </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-002.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-002.xht new file mode 100644 index 0000000000..8cec7d72d2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-002.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position - descendant block box with 'overflow'</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/> + <meta name="assert" content="The position of a descendant block box inside a principal box must not be affected by 'overflow' being applied to the descendant, when marker box is positioned outside the principal box"/> + <style type="text/css"> + #test{ + background:red; + display:list-item; + font-size:85px; + margin:50px; + } + #test div.descendant{ + background:lime; + display: block; + overflow:auto; + } + </style> + </head> + <body> + <p>To pass, there <strong>must</strong> be a bullet (filled-in circle) visible which <strong>should</strong> appear alongside the green bar to the left, and there <strong>must not</strong> not be any red in this page.</p> + <div id="test"> + <div><div class="descendant"> </div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-003.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-003.xht new file mode 100644 index 0000000000..2b30663b85 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-003.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position - list-item overflow - 'list-style-position:inside'</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/> + <meta name="assert" content="'overflow' applied to principal box and presence of child block box (in normal flow) must have no affect on visibility or position of marker box"/> + <style type="text/css"> + #test{ + display:list-item; + font-size:85px; + color:navy; + list-style-position:inside; + overflow:auto; + } + #test div{ + background:blue; + display:block; + } + </style> + </head> + <body> + <p>To pass, there <strong>must</strong> be a bullet (filled-in circle) above a blue bar</p> + <div id="test"> + <div> </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-004.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-004.xht new file mode 100644 index 0000000000..a6c9514c3a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-004.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position - list-item overflow - 'list-style-position:outside'</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <meta name="flags" content="may"/> + <meta name="assert" content="'overflow' applied to the list-item must not clip the marker box"/> + <style type="text/css"> + #test{ + display:list-item; + font-size:200px; + margin-left:150px; + overflow:auto; + } + </style> + </head> + <body> + <p>To pass, there <strong>must</strong> be a bullet (filled-in circle) below</p> + <div id="test"> + + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-005.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-005.xht new file mode 100644 index 0000000000..86d53a2ac9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-005.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position (inside principal box) - block box in normal flow (as child of principal box)</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/> + <meta name="assert" content="Since a marker box is the first inline element in the principal box when 'list-style-position:inside', the following block box (in normal flow) must create a new stacking context below the marker box"/> + <style type="text/css"> + #test{ + background:lime; + color:lime; + display:list-item; + font-size:85px; + list-style-position:inside; + } + #test div{ + background:blue; + display:block; + } + </style> + </head> + + <body> + <p>To pass, there <strong>must</strong> be a green bar stacked on top of a blue bar.</p> + <div id="test"> + <div> </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-006.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-006.xht new file mode 100644 index 0000000000..9e76b4de75 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-006.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position (inside principal box) - block box with 'float:left' (as child of principal box)</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position"/> + <meta name="assert" content="Since a marker box is the first inline element in the principal box when 'list-style-position:inside', the following block box (floated to the left) must visually appear before the marker box in the rendered document"/> + <style type="text/css"> + #test{ + color:navy; + display:list-item; + font-size:85px; + list-style-position:inside; + } + #test div{ + background:blue; + float:left; + height:100px; + width:100px; + } + </style> + </head> + + <body> + <p>To pass, there <strong>must</strong> be a bullet (filled-in circle) to the right of a square.</p> + <div id="test"> + <div> </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-007.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-007.xht new file mode 100644 index 0000000000..a06016d3f7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-007.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position (inside principal box) - block box with 'float:right' (as child of principal box)</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position"/> + <meta name="assert" content=""/> + <style type="text/css"> + #test{ + color:navy; + display:list-item; + font-size:85px; + list-style-position:inside; + } + #test div{ + background:blue; + float:right; + height:100px; + width:100px; + } + </style> + </head> + + <body> + <p>To pass, there <strong>must</strong> be a bullet (filled-in circle) to the left of the page, and a square to the right of the page.</p> + <div id="test"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-008.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-008.xht new file mode 100644 index 0000000000..227ce20867 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-008.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position (outside principal box) - floated-left child</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/> + <meta name="assert" content="A floated element (as a child of the principal box) should not affect the horizontal position of the marker box (positioned outside principal box) in relation to the principal box's content"/> + <style type="text/css"> + #test{ + border-top:3px solid black; + display:list-item; + font-size:85px; + list-style-position:outside; + margin:100px; + } + #test div{ + background:yellow; + float:left; + height:100px; + width:100px; + } + </style> + </head> + + <body> + <p>To pass, a bullet (filled-in circle) <strong>must</strong> appear to the left of a yellow square, and the bullet probably <strong>should not</strong> appear above the black line.</p> + <div id="test"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-009.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-009.xht new file mode 100644 index 0000000000..b0ce957398 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-009.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position (outside principal box) - floated-right child</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/> + <meta name="assert" content="A floated element (as a child of the principal box) should not affect the horizontal position of the marker box (positioned outside principal box) in relation to the principal box's content"/> + <style type="text/css"> + #test{ + border-top:3px solid black; + display:list-item; + font-size:85px; + list-style-position:outside; + margin:100px; + width:250px; + } + #test div{ + background:yellow; + float:right; + height:100px; + width:100px; + } + </style> + </head> + + <body> + <p>To pass, a bullet (filled-in circle) <strong>must</strong> appear to the left of a yellow square, and the bullet probably <strong>should not</strong> appear above the black line.</p> + <div id="test"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-010.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-010.xht new file mode 100644 index 0000000000..862745ca89 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-010.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position (outside principal box) - :before pseudo-element list-item ('list-style-position:inside')</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/> + <meta name="assert" content="When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). The document tree content of the associated element must be placed after the principal box established by the :before pseudo element. The presence of the :before pseudo element in this context, must have no affect on the position of the marker box of the associated element as it must still appear to the outside left edge of it's own principal box (since 'list-style-position:outside')."/> + <style type="text/css"> + #test{ + background:silver; + color:blue; + display:list-item; + font-size:85px; + margin:100px; + } + #test:before{ + color:yellow; + content:'T'; + display:list-item; + list-style-position:inside; + } + </style> + </head> + <body> + <p>To pass, there <strong>must</strong> be a blue bullet (filled-in circle) to the left outside edge of a grey box. Also, there <strong>must</strong> be a yellow bullet to the left inside edge of the grey box, with a yellow letter to the right of the yellow bullet, and there <strong>must</strong> be a blue letter below the yellow bullet, within the grey box.</p> + <div id="test"> + T + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-011.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-011.xht new file mode 100644 index 0000000000..368bb0c4ed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-011.xht @@ -0,0 +1,34 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position (inside principal box) - :before pseudo-element list-item ('list-style-position:outside')</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/> + <meta name="assert" content="When the :before element is set as a list-item, it establishes a principal box and a marker box which is positioned outside of that principal box (since 'list-style-position:outside). The document tree content of the associated element must be placed after the principal box established by the :before pseudo element. Since the marker box of the associated element must be the first inline element within it's principal box (since 'list-style-position:inside'), that marker box must appear before the marker box and principal box of the :before pseudo-element."/> + <style type="text/css"> + #test{ + background:silver; + color:blue; + display:list-item; + font-size:85px; + list-style-position:inside; + margin:100px; + } + #test:before{ + color:yellow; + content:'T'; + display:list-item; + list-style-position:outside; + } + </style> + </head> + <body> + <p>To pass, there <strong>must</strong> be a blue bullet (filled-in circle) to the inside left edge of a grey box, below which <strong>must</strong> be a yellow letter, with a yellow bullet to the left (positioned outside of the grey box) of the yellow letter. Below the yellow letter, there <strong>must</strong> be a blue letter.</p> + <div id="test"> + T + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-012.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-012.xht new file mode 100644 index 0000000000..c770c18de7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-012.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position (inside principal box) - :before pseudo-element list-item ('list-style-position:inside')</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/> + <meta name="assert" content="When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). The document tree content of the associated element must be placed after the principal box established by the :before pseudo element. Since the marker box of the associated element must be the first inline element within it's principal box (since 'list-style-position:inside'), that marker box must appear before the marker box and principal box of the :before pseudo-element."/> + <style type="text/css"> + #test{ + background:silver; + color:blue; + display:list-item; + font-size:85px; + list-style-position:inside; + margin:100px; + } + #test:before{ + color:yellow; + content:'T'; + display:list-item; + } + </style> + </head> + <body> + <p>To pass, there <strong>must</strong> be a blue bullet (filled-in circle) to the inside left edge of a grey box, below which must be a yellow bullet and a yellow letter to the right of that yellow bullet. Below the yellow bullet, there <strong>must</strong> be a blue letter.</p> + <div id="test"> + T + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-013.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-013.xht new file mode 100644 index 0000000000..7e05468765 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-013.xht @@ -0,0 +1,33 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position (outside principal box) - :before pseudo-element list-item ('list-style-position:outside')</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/> + <meta name="assert" content="When the :before element is set as a list-item, it establishes a principal box and a marker box which is positioned outside of that principal box (since 'list-style-position:outside). The document tree content of the associated element must be placed after the principal box established by the :before pseudo element. The position of the marker box of the associated element must still appear to the outside left edge of it's principal box (since 'list-style-position:outside') and should be positioned towards the top of this principal box. Since the marker box of the :before pseudo element should be positioned at the same coordinate as the associated element's marker box, either bullet could appear in front of the other (since stacking levels of marker boxes aren't defined in CSS2.1, in this context)."/> + <style type="text/css"> + #test{ + background:silver; + color:blue; + display:list-item; + font-size:85px; + list-style-position:outside; + margin:100px; + } + #test:before{ + color:yellow; + content:'T'; + display:list-item; + } + </style> + </head> + <body> + <p>To pass, there <strong>must</strong> be <em>either</em> a blue <em>or</em> yellow bullet (filled-in circle) to the outside left edge of a grey box, with a yellow letter to the right of that bullet. There <strong>must</strong> also be a blue letter below the yellow letter.</p> + <div id="test"> + T + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-014.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-014.xht new file mode 100644 index 0000000000..51756c378a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-014.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position (outside principal box) - floated :before pseudo-element list-item ('list-style-position:inside')</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/> + <meta name="assert" content="When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). Since this :before pseudo element is floated left, the document tree content of the associated element must appear alongside (after) this :before pseudo element. The position of the marker box of the associated element must not be affected, as it must still appear to the outside left edge of it's principal box (since 'list-style-position:outside')."/> + <style type="text/css"> + #test{ + background:silver; + color:blue; + display:list-item; + font-size:85px; + margin:100px; + } + #test:before{ + color:yellow; + content:'T'; + display:list-item; + float:left; + list-style-position:inside; + } + </style> + </head> + <body> + <p>To pass, there <strong>must</strong> be blue bullet (filled-in circle) to the outside left edge of a grey box. Inside the grey box, there <strong>must</strong> be a yellow bullet to the left of a yellow letter. There <strong>must</strong> also be a blue letter to the right of the yellow letter.</p> + <div id="test"> + T + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-015.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-015.xht new file mode 100644 index 0000000000..295fb9812e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-015.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position (inside principal box) - floated :before pseudo-element list-item ('list-style-position:outside')</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/> + <meta name="assert" content="When the :before element is set as a list-item, it establishes a principal box and a marker box which is positioned outside of that principal box (since 'list-style-position:outside). Since this :before pseudo element is floated left, the principal box (and marker box, since 'list-style-position:inside') of the associated element must appear alongside (after) this :before pseudo element. The position of the marker box of the :before pseudo element must still appear to the outside left edge of it's associated element's principal box (since 'list-style-position:outside')."/> + <style type="text/css"> + #test{ + background:silver; + color:blue; + display:list-item; + font-size:85px; + list-style-position:inside; + margin:100px; + } + #test:before{ + color:yellow; + content:'T'; + display:list-item; + float:left; + list-style-position:outside; + } + </style> + </head> + <body> + <p>To pass, there <strong>must</strong> a yellow bullet (filled-in circle) to the left outside edge of a grey box. Inside the grey box, there <strong>must</strong> be a yellow letter to the left of a blue bullet, and a blue letter to the right of the blue bullet.</p> + <div id="test"> + T + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-016.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-016.xht new file mode 100644 index 0000000000..878f14a05b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-016.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position (inside principal box) - floated :before pseudo-element list-item ('list-style-position:inside')</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/> + <meta name="assert" content="When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). Since the :before pseudo element is floated left, the principal box (and marker box, since 'list-style-position:inside') of the associated element must appear alongside (after) the :before pseudo element."/> + <style type="text/css"> + #test{ + background:silver; + color:blue; + display:list-item; + font-size:85px; + list-style-position:inside; + margin:100px; + } + #test:before{ + color:yellow; + content:'T'; + display:list-item; + float:left; + } + </style> + </head> + <body> + <p>To pass, there <strong>must</strong> a yellow bullet (filled-in circle) to the inside left edge of a grey box, and a yellow letter to the right of the yellow bullet. There <strong>must</strong> also be a blue bullet to the right of the yellow letter, and a blue letter to the right of the blue bullet.</p> + <div id="test"> + T + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/list-style-position-017.xht b/testing/web-platform/tests/css/CSS2/generate/list-style-position-017.xht new file mode 100644 index 0000000000..dbeaabc1af --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/list-style-position-017.xht @@ -0,0 +1,35 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> + <title>CSS Test: Marker box position (outside principal box) - floated :before pseudo-element list-item ('list-style-position:outside')</title> + <link rel="author" title="James Hopkins" href="http://idreamincode.co.uk/css21testsuite"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#block-boxes"/> + <meta name="assert" content="When the :before element is set as a list-item, it establishes a principal box into which a marker box is placed (when 'list-style-position:inside). Since the :before pseudo element is floated left, The document tree content of the associated element must appear alongside (after) the :before pseudo element. Since the marker box of the :before pseudo element should be positioned at the same coordinate as the associated element's marker box, either bullet could appear in front of the other (since stacking levels of marker boxes aren't defined in CSS2.1, in this context)."/> + <style type="text/css"> + #test{ + background:silver; + color:blue; + display:list-item; + font-size:85px; + list-style-position:outside; + margin:100px; + } + #test:before{ + color:yellow; + content:'T'; + display:list-item; + float:left; + } + </style> + </head> + <body> + <p>To pass, there <strong>must</strong> be <em>either</em> a blue <em>or</em> yellow bullet (filled-in circle) to the outside left edge of a grey box. Also, there <strong>must</strong> be a yellow letter to the inside left edge of the grey box, and a blue letter to the right of a yellow letter.</p> + <div id="test"> + T + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/support/1x1-green.png b/testing/web-platform/tests/css/CSS2/generate/support/1x1-green.png Binary files differnew file mode 100644 index 0000000000..b98ca0ba0a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/1x1-green.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/1x1-lime.png b/testing/web-platform/tests/css/CSS2/generate/support/1x1-lime.png Binary files differnew file mode 100644 index 0000000000..cb397fb090 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/1x1-lime.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/1x1-maroon.png b/testing/web-platform/tests/css/CSS2/generate/support/1x1-maroon.png Binary files differnew file mode 100644 index 0000000000..3f86b07219 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/1x1-maroon.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/1x1-navy.png b/testing/web-platform/tests/css/CSS2/generate/support/1x1-navy.png Binary files differnew file mode 100644 index 0000000000..9b9a03955b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/1x1-navy.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/1x1-red.png b/testing/web-platform/tests/css/CSS2/generate/support/1x1-red.png Binary files differnew file mode 100644 index 0000000000..6bd73ac101 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/1x1-red.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/1x1-white.png b/testing/web-platform/tests/css/CSS2/generate/support/1x1-white.png Binary files differnew file mode 100644 index 0000000000..dd43faec54 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/1x1-white.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/60x60-gg-rr.png b/testing/web-platform/tests/css/CSS2/generate/support/60x60-gg-rr.png Binary files differnew file mode 100644 index 0000000000..84f5b2a4f1 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/60x60-gg-rr.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/60x60-green.png b/testing/web-platform/tests/css/CSS2/generate/support/60x60-green.png Binary files differnew file mode 100644 index 0000000000..b3c8cf3eb4 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/60x60-green.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/a-green.css b/testing/web-platform/tests/css/CSS2/generate/support/a-green.css new file mode 100644 index 0000000000..b0dbb071d5 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/a-green.css @@ -0,0 +1 @@ +.a { color: green; } diff --git a/testing/web-platform/tests/css/CSS2/generate/support/b-green.css b/testing/web-platform/tests/css/CSS2/generate/support/b-green.css new file mode 100644 index 0000000000..a0473f5ca2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/b-green.css @@ -0,0 +1 @@ +.b { color: green; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/support/bidi-list-style-image-001.png b/testing/web-platform/tests/css/CSS2/generate/support/bidi-list-style-image-001.png Binary files differnew file mode 100644 index 0000000000..cf5e88e2a2 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/bidi-list-style-image-001.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/c-red.css b/testing/web-platform/tests/css/CSS2/generate/support/c-red.css new file mode 100644 index 0000000000..d4ba5c64e9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/c-red.css @@ -0,0 +1 @@ +.c { color: red; }
\ No newline at end of file diff --git a/testing/web-platform/tests/css/CSS2/generate/support/cat.png b/testing/web-platform/tests/css/CSS2/generate/support/cat.png Binary files differnew file mode 100644 index 0000000000..85dd732481 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/cat.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/import-green.css b/testing/web-platform/tests/css/CSS2/generate/support/import-green.css new file mode 100644 index 0000000000..537104e663 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/import-green.css @@ -0,0 +1 @@ +.import { color: green; } diff --git a/testing/web-platform/tests/css/CSS2/generate/support/import-red.css b/testing/web-platform/tests/css/CSS2/generate/support/import-red.css new file mode 100644 index 0000000000..9945ef4711 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/import-red.css @@ -0,0 +1 @@ +.import { color: red; } diff --git a/testing/web-platform/tests/css/CSS2/generate/support/ruler-h-50%.png b/testing/web-platform/tests/css/CSS2/generate/support/ruler-h-50%.png Binary files differnew file mode 100644 index 0000000000..cf2eea6b43 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/ruler-h-50%.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/ruler-h-50px.png b/testing/web-platform/tests/css/CSS2/generate/support/ruler-h-50px.png Binary files differnew file mode 100644 index 0000000000..9f46583665 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/ruler-h-50px.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/ruler-v-100px.png b/testing/web-platform/tests/css/CSS2/generate/support/ruler-v-100px.png Binary files differnew file mode 100644 index 0000000000..a837eca222 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/ruler-v-100px.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/ruler-v-50px.png b/testing/web-platform/tests/css/CSS2/generate/support/ruler-v-50px.png Binary files differnew file mode 100644 index 0000000000..8414102802 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/ruler-v-50px.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/square-purple.png b/testing/web-platform/tests/css/CSS2/generate/support/square-purple.png Binary files differnew file mode 100644 index 0000000000..0f522d7872 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/square-purple.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/square-teal.png b/testing/web-platform/tests/css/CSS2/generate/support/square-teal.png Binary files differnew file mode 100644 index 0000000000..e567f51b91 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/square-teal.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/square-white.png b/testing/web-platform/tests/css/CSS2/generate/support/square-white.png Binary files differnew file mode 100644 index 0000000000..5853cbb238 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/square-white.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/generate/support/support/swatch-green.png Binary files differnew file mode 100644 index 0000000000..1caf25c992 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/support/swatch-green.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/generate/support/support/swatch-red.png Binary files differnew file mode 100644 index 0000000000..0aa79b0c86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/support/swatch-red.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/swatch-blue.png b/testing/web-platform/tests/css/CSS2/generate/support/swatch-blue.png Binary files differnew file mode 100644 index 0000000000..bf2759634d --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/swatch-blue.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/swatch-green.png b/testing/web-platform/tests/css/CSS2/generate/support/swatch-green.png Binary files differnew file mode 100644 index 0000000000..0aa79b0c86 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/swatch-green.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/swatch-lime.png b/testing/web-platform/tests/css/CSS2/generate/support/swatch-lime.png Binary files differnew file mode 100644 index 0000000000..55fd7fdaed --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/swatch-lime.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/swatch-orange.png b/testing/web-platform/tests/css/CSS2/generate/support/swatch-orange.png Binary files differnew file mode 100644 index 0000000000..d3cd498b52 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/swatch-orange.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/swatch-red.png b/testing/web-platform/tests/css/CSS2/generate/support/swatch-red.png Binary files differnew file mode 100644 index 0000000000..1caf25c992 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/swatch-red.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/swatch-white.png b/testing/web-platform/tests/css/CSS2/generate/support/swatch-white.png Binary files differnew file mode 100644 index 0000000000..1a7d4323d7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/swatch-white.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/swatch-yellow.png b/testing/web-platform/tests/css/CSS2/generate/support/swatch-yellow.png Binary files differnew file mode 100644 index 0000000000..1591aa0e2e --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/swatch-yellow.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/test-bl.png b/testing/web-platform/tests/css/CSS2/generate/support/test-bl.png Binary files differnew file mode 100644 index 0000000000..904e24e996 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/test-bl.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/test-br.png b/testing/web-platform/tests/css/CSS2/generate/support/test-br.png Binary files differnew file mode 100644 index 0000000000..f413ff5c1a --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/test-br.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/test-inner-half-size.png b/testing/web-platform/tests/css/CSS2/generate/support/test-inner-half-size.png Binary files differnew file mode 100644 index 0000000000..e473bf80ef --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/test-inner-half-size.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/test-outer.png b/testing/web-platform/tests/css/CSS2/generate/support/test-outer.png Binary files differnew file mode 100644 index 0000000000..82eeace7fc --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/test-outer.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/test-tl.png b/testing/web-platform/tests/css/CSS2/generate/support/test-tl.png Binary files differnew file mode 100644 index 0000000000..f6ac0ef7e8 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/test-tl.png diff --git a/testing/web-platform/tests/css/CSS2/generate/support/test-tr.png b/testing/web-platform/tests/css/CSS2/generate/support/test-tr.png Binary files differnew file mode 100644 index 0000000000..59843ae54b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/generate/support/test-tr.png |
