diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 09:22:09 +0000 |
| commit | 43a97878ce14b72f0981164f87f2e35e14151312 (patch) | |
| tree | 620249daf56c0258faa40cbdcf9cfba06de2a846 /testing/web-platform/tests/css/css-display/run-in | |
| parent | Initial commit. (diff) | |
| download | firefox-43a97878ce14b72f0981164f87f2e35e14151312.tar.xz firefox-43a97878ce14b72f0981164f87f2e35e14151312.zip | |
Adding upstream version 110.0.1.upstream/110.0.1upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-display/run-in')
240 files changed, 6958 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-display/run-in/after-content-display-004.xht b/testing/web-platform/tests/css/css-display/run-in/after-content-display-004.xht new file mode 100644 index 0000000000..4a99ba2ee1 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/after-content-display-004.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> + + <title>CSS Test: :after generated content - display run-in</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" title="12.1 The :before and :after pseudo-elements" /> + <link rel="help" href="http://www.w3.org/TR/css3-box/#run-in-boxes" title="4.3. Run-in boxes" /> + + <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" /> + + <style type="text/css"><![CDATA[ + div:after + { + content: "Filler text"; + display: run-in; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there are <strong>2 lines of "Filler text"</strong>.</p> + + <div>Filler text</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/anonymous-box-generation-002.xht b/testing/web-platform/tests/css/css-display/run-in/anonymous-box-generation-002.xht new file mode 100644 index 0000000000..deb9af1f32 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/anonymous-box-generation-002.xht @@ -0,0 +1,32 @@ +<!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> + <title>CSS Test: Anonymous run-in box generation</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> + <meta name="assert" content="Block boxes with inline content followed by a run-in box generate an anonymous run-in box around the inline content." /> + <style type="text/css"> + div + { + width: 2in; + } + #div1 + { + text-align: center; + } + div div + { + background: blue; + display: run-in; + height: 1em; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" text is centered above the blue box.</p> + <div id="div1"> + Filler Text + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/background-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/background-applies-to-011.xht new file mode 100644 index 0000000000..9994af0ce6 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/background-applies-to-011.xht @@ -0,0 +1,23 @@ +<!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> + <title>CSS Test: Background applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="assert" content="The 'background' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + background: black; + display: run-in; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a black box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/background-attachment-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/background-attachment-applies-to-011.xht new file mode 100644 index 0000000000..9f2c78913b --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/background-attachment-applies-to-011.xht @@ -0,0 +1,27 @@ +<!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> + <title>CSS Test: Background-attachment applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-attachment' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + background-color: orange; + background-image: url('support/blue96x96.png'); + background-attachment: fixed; + background-repeat: repeat-x; + display: run-in; + height: 2in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a short blue box above a taller orange box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/background-color-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/background-color-applies-to-011.xht new file mode 100644 index 0000000000..c930a4a36f --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/background-color-applies-to-011.xht @@ -0,0 +1,23 @@ +<!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> + <title>CSS Test: Background-color applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="assert" content="The 'background-color' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + background-color: black; + display: run-in; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below is black.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/background-image-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/background-image-applies-to-011.xht new file mode 100644 index 0000000000..84ade79760 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/background-image-applies-to-011.xht @@ -0,0 +1,24 @@ +<!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> + <title>CSS Test: Background-image applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-image' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + background-image: url('support/black15x15.png'); + display: run-in; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/background-position-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/background-position-applies-to-011.xht new file mode 100644 index 0000000000..33b3cb8c16 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/background-position-applies-to-011.xht @@ -0,0 +1,27 @@ +<!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> + <title>CSS Test: Background-position applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-position' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + background-image: url('support/blue15x15.png'); + background-position: bottom right; + background-repeat: no-repeat; + border: solid black; + display: run-in; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue box is in the lower-right corner of the black box.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/background-repeat-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/background-repeat-applies-to-011.xht new file mode 100644 index 0000000000..236b30a5ad --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/background-repeat-applies-to-011.xht @@ -0,0 +1,26 @@ +<!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> + <title>CSS Test: Background-repeat applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background-properties" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'background-repeat' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + background-color: red; + background-image: url('support/green15x15.png'); + background-repeat: repeat; + display: run-in; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below and no red visible on the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/before-content-display-004.xht b/testing/web-platform/tests/css/css-display/run-in/before-content-display-004.xht new file mode 100644 index 0000000000..d1cc892056 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/before-content-display-004.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> + + <title>CSS Test: :before generated content - display run-in</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" title="12.1 The :before and :after pseudo-elements" /> + <link rel="help" href="http://www.w3.org/TR/css3-box/#run-in-boxes" title="4.3. Run-in boxes" /> + + <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element." name="assert" /> + + <style type="text/css"><![CDATA[ + div:before + { + content: "Filler text "; + display: run-in; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if the 2 "Filler text" are both <strong>on the same line</strong>.</p> + + <div>Filler text</div> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-applies-to-011.xht new file mode 100644 index 0000000000..98b062db27 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-applies-to-011.xht @@ -0,0 +1,23 @@ +<!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> + <title>CSS Test: Border applied to element with 'display' set to run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" /> + <meta name="assert" content="The 'border' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border: solid green; + display: run-in; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a hollow box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-bottom-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-bottom-applies-to-011.xht new file mode 100644 index 0000000000..fb176f6c70 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-bottom-applies-to-011.xht @@ -0,0 +1,22 @@ +<!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> + <title>CSS Test: Border-bottom applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" /> + <meta name="assert" content="The 'border-bottom' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-bottom: solid green; + display: run-in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a green line below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-bottom-color-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-bottom-color-applies-to-011.xht new file mode 100644 index 0000000000..21541842e8 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-bottom-color-applies-to-011.xht @@ -0,0 +1,23 @@ +<!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> + <title>CSS Test: Border-bottom-color applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" /> + <meta name="assert" content="The 'border-bottom-color' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-bottom-style: solid; + border-bottom-color: green; + display: run-in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the line below is green.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-bottom-style-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-bottom-style-applies-to-011.xht new file mode 100644 index 0000000000..746063bb9d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-bottom-style-applies-to-011.xht @@ -0,0 +1,22 @@ +<!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> + <title>CSS Test: Border-bottom-style applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" /> + <meta name="assert" content="The 'border-bottom-style' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-bottom-style: dashed; + display: run-in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the line below is dashed.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-bottom-width-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-bottom-width-applies-to-011.xht new file mode 100644 index 0000000000..b32c4c54bd --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-bottom-width-applies-to-011.xht @@ -0,0 +1,23 @@ +<!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> + <title>CSS Test: Border-bottom-width applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-bottom-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" /> + <meta name="assert" content="The 'border-bottom-width' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-bottom-style: solid; + border-bottom-width: 1in; + display: run-in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-collapse-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/border-collapse-applies-to-004.xht new file mode 100644 index 0000000000..d83718ea81 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-collapse-applies-to-004.xht @@ -0,0 +1,32 @@ +<!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> + <title>CSS Test: Border-collapse and 'display: run-in' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-collapse" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#borders" /> + <meta name="assert" content="Border-collapse does not apply to 'display: run-in' elements." /> + <style type="text/css"> + div + { + border-collapse: collapse; + display: run-in; + height: 100px; + width: 100px; + } + #top + { + border-bottom: 10px solid blue; + } + #bottom + { + border-top: 10px dotted orange; + } + </style> + </head> + <body> + <p>Test passes if below there is a horizontal solid blue line above a dotted orange line.</p> + <div id="top"></div> + <div id="bottom"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-color-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-color-applies-to-011.xht new file mode 100644 index 0000000000..8f29f03af2 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-color-applies-to-011.xht @@ -0,0 +1,24 @@ +<!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> + <title>CSS Test: Border-color applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" /> + <meta name="assert" content="The 'border-color' properties applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-style: solid; + border-color: green; + display: run-in; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-left-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-left-applies-to-011.xht new file mode 100644 index 0000000000..80cd899214 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-left-applies-to-011.xht @@ -0,0 +1,22 @@ +<!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> + <title>CSS Test: Border-left applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" /> + <meta name="assert" content="The 'border-left' properties applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-left: solid green; + display: run-in; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a green line below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-left-color-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-left-color-applies-to-011.xht new file mode 100644 index 0000000000..1f271d0d09 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-left-color-applies-to-011.xht @@ -0,0 +1,23 @@ +<!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> + <title>CSS Test: Border-left-color applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" /> + <meta name="assert" content="The 'border-left-color' properties applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-left-style: solid; + border-left-color: green; + display: run-in; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if the line below is green.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-left-style-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-left-style-applies-to-011.xht new file mode 100644 index 0000000000..2ab73f4536 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-left-style-applies-to-011.xht @@ -0,0 +1,22 @@ +<!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> + <title>CSS Test: Border-left-style applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" /> + <meta name="assert" content="The 'border-left-style' properties applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-left-style: dashed; + display: run-in; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if the line below is dashed.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-left-width-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-left-width-applies-to-011.xht new file mode 100644 index 0000000000..8da0710f03 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-left-width-applies-to-011.xht @@ -0,0 +1,23 @@ +<!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> + <title>CSS Test: Border-left-width applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-left-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" /> + <meta name="assert" content="The 'border-left-width' properties applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-left-style: solid; + border-left-width: 1in; + display: run-in; + height: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-right-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-right-applies-to-011.xht new file mode 100644 index 0000000000..4b81ed2190 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-right-applies-to-011.xht @@ -0,0 +1,23 @@ +<!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> + <title>CSS Test: Border-right applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" /> + <meta name="assert" content="The 'border-right' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-right: solid green; + display: run-in; + height: 1in; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is a green line below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-right-color-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-right-color-applies-to-011.xht new file mode 100644 index 0000000000..6b6853da3f --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-right-color-applies-to-011.xht @@ -0,0 +1,24 @@ +<!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> + <title>CSS Test: Border-right-color applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" /> + <meta name="assert" content="The 'border-right-color' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-right-style: solid; + border-right-color: green; + display: run-in; + height: 1in; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if the line below is green.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-right-style-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-right-style-applies-to-011.xht new file mode 100644 index 0000000000..9768edfb11 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-right-style-applies-to-011.xht @@ -0,0 +1,23 @@ +<!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> + <title>CSS Test: Border-right-style applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" /> + <meta name="assert" content="The 'border-right-style' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-right-style: dashed; + display: run-in; + height: 1in; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if the line below is dashed.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-right-width-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-right-width-applies-to-011.xht new file mode 100644 index 0000000000..b57b4eb0ee --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-right-width-applies-to-011.xht @@ -0,0 +1,24 @@ +<!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> + <title>CSS Test: Border-right-width applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-right-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" /> + <meta name="assert" content="The 'border-right-width' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-right-style: solid; + border-right-width: 1in; + display: run-in; + height: 1in; + width: 0; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-spacing-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/border-spacing-applies-to-004.xht new file mode 100644 index 0000000000..ed08262a36 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-spacing-applies-to-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> + <title>CSS Test: Border-spacing and 'display: run-in' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#separated-borders" /> + <meta name="assert" content="Border-spacing does not apply to 'display: run-in' elements." /> + <style type="text/css"> + div + { + border: 10px solid black; + border-spacing: 20px; + display: run-in; + height: 100px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the two boxes below are adjoining.</p> + <div></div> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-style-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-style-applies-to-011.xht new file mode 100644 index 0000000000..286b75afbd --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-style-applies-to-011.xht @@ -0,0 +1,22 @@ +<!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> + <title>CSS Test: Border-style applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" /> + <meta name="assert" content="The 'border-style' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-style: dashed; + display: run-in; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a dashed lined box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-top-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-top-applies-to-011.xht new file mode 100644 index 0000000000..804e76573d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-top-applies-to-011.xht @@ -0,0 +1,22 @@ +<!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> + <title>CSS Test: Border-top applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties" /> + <meta name="assert" content="The 'border-top' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-top: solid green; + display: run-in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a green line below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-top-color-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-top-color-applies-to-011.xht new file mode 100644 index 0000000000..c51329a63d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-top-color-applies-to-011.xht @@ -0,0 +1,23 @@ +<!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> + <title>CSS Test: Border-top-color applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-color-properties" /> + <meta name="assert" content="The 'border-top-color' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-top-style: solid; + border-top-color: green; + display: run-in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the line below is green.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-top-style-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-top-style-applies-to-011.xht new file mode 100644 index 0000000000..1b241a4bf6 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-top-style-applies-to-011.xht @@ -0,0 +1,22 @@ +<!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> + <title>CSS Test: Border-top-style applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-style-properties" /> + <meta name="assert" content="The 'border-top-style' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-top-style: dashed; + display: run-in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the line below is dashed.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-top-width-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-top-width-applies-to-011.xht new file mode 100644 index 0000000000..575365c980 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-top-width-applies-to-011.xht @@ -0,0 +1,23 @@ +<!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> + <title>CSS Test: Border-top-width applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-top-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" /> + <meta name="assert" content="The 'border-top-width' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-top-style: solid; + border-top-width: 1in; + display: run-in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/border-width-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/border-width-applies-to-011.xht new file mode 100644 index 0000000000..2c4cf3b1cb --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/border-width-applies-to-011.xht @@ -0,0 +1,24 @@ +<!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> + <title>CSS Test: Border-width applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-border-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#border-width-properties" /> + <meta name="assert" content="The 'border-width' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + border-style: solid; + border-width: 1in; + display: run-in; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below with four sides that are the same width. (Note: this will make a large square surrounding a smaller white square.)</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/bottom-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/bottom-applies-to-011.xht new file mode 100644 index 0000000000..83a7f8fcb4 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/bottom-applies-to-011.xht @@ -0,0 +1,26 @@ +<!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> + <title>CSS Test: Bottom applied to element with 'display' set to run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-bottom" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" /> + <meta name="assert" content="The 'bottom' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + background: green; + bottom: 0; + display: run-in; + height: 1in; + position: absolute; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box at the bottom of the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/caption-side-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/caption-side-applies-to-004.xht new file mode 100644 index 0000000000..08cc3b1554 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/caption-side-applies-to-004.xht @@ -0,0 +1,26 @@ +<!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> + <title>CSS Test: Caption-side and 'display: run-in' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-caption-side" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#caption-position" /> + <meta name="assert" content="Caption-side does not apply to 'display: run-in' elements." /> + <style type="text/css"> + span + { + background: blue; + caption-side: bottom; + display: run-in; + } + </style> + </head> + <body> + <p>Test passes if there are three lines of "Filler Text" below and the middle line has a blue background.</p> + <div> + Filler Text + <span>Filler Text</span> + Filler Text + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/clear-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/clear-applies-to-011.xht new file mode 100644 index 0000000000..49eb51d213 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/clear-applies-to-011.xht @@ -0,0 +1,28 @@ +<!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> + <title>CSS Test: Clear applied to element with 'display' set to run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-clear" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" /> + <meta name="assert" content="The 'clear' property applies to elements with a display of 'run-in'." /> + <style type="text/css"> + p + { + float: left; + } + div + { + background: green; + display: run-in; + clear: both; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/clear-runin-001.xht b/testing/web-platform/tests/css/css-display/run-in/clear-runin-001.xht new file mode 100644 index 0000000000..01b6e4c7bf --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/clear-runin-001.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> + <title>CSS Test: Clear applies to final block box of a run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control" /> + <meta name="assert" content="Clearance only applies to the final block box of a run-in element." /> + <style type="text/css"> + #div1 + { + width: 4in; + } + #span1 + { + background-color: blue; + float: left; + height: 1in; + width: 1in; + } + #span2 + { + clear: left; + display: run-in; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" is all on the same line and is below the blue box.</p> + <div id="div1"> + <span id="span1"></span> + <span id="span2">Filler Text </span> + <div>Filler Text</div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/color-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/color-applies-to-011.xht new file mode 100644 index 0000000000..e8ee1ba832 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/color-applies-to-011.xht @@ -0,0 +1,23 @@ +<!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> + <title>CSS Test: Color applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#propdef-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" /> + <meta name="assert" content="The 'color' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + color: green; + display: run-in; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is green.</p> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/counter-increment-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/counter-increment-applies-to-011.xht new file mode 100644 index 0000000000..73b1c94f4b --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/counter-increment-applies-to-011.xht @@ -0,0 +1,26 @@ +<!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> + <title>CSS Test: Counter-increment applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-increment' property applies to elements with a 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + counter-increment: test 5; + display: run-in; + } + div:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/counter-reset-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/counter-reset-applies-to-011.xht new file mode 100644 index 0000000000..8038177d70 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/counter-reset-applies-to-011.xht @@ -0,0 +1,26 @@ +<!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> + <title>CSS Test: Counter-reset applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-counter-reset" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters" /> + <link rel="match" href="../../reference/pass_if_number_5.xht"/> + <meta name="assert" content="The 'counter-reset' property applies to elements with a 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + counter-reset: test 5; + display: run-in; + } + div:before + { + content: counter(test); + } + </style> + </head> + <body> + <p>Test passes if there is a number '5' below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/cursor-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/cursor-applies-to-011.xht new file mode 100644 index 0000000000..d4ed8d2d0c --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/cursor-applies-to-011.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> + <title>CSS Test: Cursor applied to element with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-cursor" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#cursor-props" /> + <meta name="flags" content="interact" /> + <meta name="assert" content="The 'cursor' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + background-color: blue; + cursor: pointer; + height: 1in; + display: run-in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the cursor changes to a pointer cursor when it is over the blue area.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/direction-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/direction-applies-to-011.xht new file mode 100644 index 0000000000..02c4a50b7a --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/direction-applies-to-011.xht @@ -0,0 +1,27 @@ +<!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> + <title>CSS Test: Direction applied to element with 'display' set to run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-direction" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'direction' property applies to elements with a display of run-in." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: orange; + direction: rtl; + display: run-in; + font: 0.5in/1em Ahem; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box in the upper-right corner of the orange box.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/display-004.xht b/testing/web-platform/tests/css/css-display/run-in/display-004.xht new file mode 100644 index 0000000000..8a9ab3225a --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/display-004.xht @@ -0,0 +1,21 @@ +<!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> + <title>CSS Test: Display set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" /> + <meta name="assert" content="The property 'display' set to 'run-in' behaves in layout as a run-in block." /> + <style type="text/css"> + #test + { + display: run-in; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is all on the same line.</p> + <div id="test">Filler Text</div> + <div>Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/empty-cells-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/empty-cells-applies-to-004.xht new file mode 100644 index 0000000000..8eb74d5daf --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/empty-cells-applies-to-004.xht @@ -0,0 +1,47 @@ +<!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> + <title>CSS Test: Empty-cells and 'display: run-in' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-empty-cells" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" /> + <meta name="assert" content="Empty-cells does not apply to 'display: run-in' elements." /> + <style type="text/css"> + #table + { + display: table; + } + .tr + { + display: table-row; + } + .td + { + color: white; + display: table-cell; + } + #test + { + background: black; + border: 5px solid black; + display: run-in; + empty-cells: hide; + height: 1em; + width: 1em; + } + </style> + </head> + <body> + <p>Test passes if there is a box below.</p> + <div id="table"> + <div class="tr"> + <div id="test"></div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/first-line-pseudo-009.xht b/testing/web-platform/tests/css/css-display/run-in/first-line-pseudo-009.xht new file mode 100644 index 0000000000..690aee9f85 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/first-line-pseudo-009.xht @@ -0,0 +1,26 @@ +<!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" lang="en"> + <head> + <title>CSS Test: CSS Block Box Model: first-line and inherited backgrounds</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/block/first-line/009.html" type="text/html"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" /> + <style type="text/css"> + /* layout */ + .test { border: solid; margin: 1em; } + /* test */ + .runin { display: run-in; background: navy; color: yellow; } + .block { display: block; background: purple; color: white; } + .block:first-line { background: inherit; color: inherit; font-weight: bold; } + /* control */ + .fakerunin { display: inline; background: navy; color: yellow; font-weight: bold; } + .fakeblock { display: block; background: purple; color: white; font-weight: bold; } + </style> + </head> + <body> + <p>The following two lines should look identical (this test also tests run-in).</p> + <div class="test"> <div class="runin"> ABC </div> <div class="block"> DEF </div> </div> + <div class="test"> <div class="fakeblock"> <div class="fakerunin"> ABC </div> DEF </div> </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/float-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/float-applies-to-011.xht new file mode 100644 index 0000000000..4c8933e3ff --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/float-applies-to-011.xht @@ -0,0 +1,24 @@ +<!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> + <title>CSS Test: Float applied to element with 'display' set to run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-float" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" /> + <meta name="assert" content="The 'float' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + background: green; + display: run-in; + float: right; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box on the right side of the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/font-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/font-applies-to-004.xht new file mode 100644 index 0000000000..3a1864847e --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/font-applies-to-004.xht @@ -0,0 +1,26 @@ +<!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> + <title>CSS Test: Font and 'display: run-in' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-shorthand" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-prop"/> + <meta name="assert" content="The 'font' property applies to 'display: run-in' elements." /> + <style type="text/css"> + div + { + font: italic small-caps bold 16px sans-serif; + } + #div1 + { + display: run-in; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div>Filler Text</div> + <div id="div1">Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/font-family-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/font-family-applies-to-004.xht new file mode 100644 index 0000000000..8895fcb9f8 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/font-family-applies-to-004.xht @@ -0,0 +1,23 @@ +<!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> + <title>CSS Test: Font-family and 'display: run-in' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-family" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-family-prop" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-family' property applies to 'display: run-in' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + display: run-in; + font-family: Ahem; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/font-size-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/font-size-applies-to-004.xht new file mode 100644 index 0000000000..143c51742b --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/font-size-applies-to-004.xht @@ -0,0 +1,32 @@ +<!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> + <title>CSS Test: Font-size and 'display: run-in' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-size" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'font-size' property applies to 'display: run-in' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #div1 + { + background: orange; + height: 1in; + width: 1in; + } + #div2 + { + display: run-in; + font-family: Ahem; + font-size: 1in; + } + </style> + </head> + <body> + <p>Test passes if the boxes below are the same size.</p> + <div id="div1"></div> + <div id="div2">X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/font-style-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/font-style-applies-to-004.xht new file mode 100644 index 0000000000..449a5c420b --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/font-style-applies-to-004.xht @@ -0,0 +1,23 @@ +<!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> + <title>CSS Test: Font-style and 'display: run-in' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-styling" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-style-prop"/> + <link rel="match" href="../../reference/pass_if_filler_text_slanted.xht"/> + <meta name="assert" content="The 'font-style' property applies to 'display: run-in' elements." /> + <style type="text/css"> + div + { + display: run-in; + font-style: italic; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is slanted to one side.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/font-variant-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/font-variant-applies-to-004.xht new file mode 100644 index 0000000000..af45082207 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/font-variant-applies-to-004.xht @@ -0,0 +1,27 @@ +<!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> + <title>CSS Test: Font-variant and 'display: run-in' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-variant" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#small-caps" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-variant-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_smallcaps.xht"/> + <meta name="assert" content="The 'font-variant' property applies to 'display: run-in' elements." /> + <style type="text/css"> + div + { + font-variant: small-caps; + } + #div1 + { + display: run-in; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div>Filler Text</div> + <div id="div1">Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/font-weight-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/font-weight-applies-to-004.xht new file mode 100644 index 0000000000..bcbf70e3d3 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/font-weight-applies-to-004.xht @@ -0,0 +1,27 @@ +<!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> + <title>CSS Test: Font-weight and 'display: run-in' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#propdef-font-weight" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-boldness" /> + <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-weight-prop" /> + <link rel="match" href="../../reference/pass_if_filler_text_match_bold.xht"/> + <meta name="assert" content="Font weights apply to 'display: run-in' elements." /> + <style type="text/css"> + div + { + font-weight: bold; + } + #div1 + { + display: run-in; + } + </style> + </head> + <body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div>Filler Text</div> + <div id="div1">Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/height-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/height-applies-to-011.xht new file mode 100644 index 0000000000..67acc00c79 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/height-applies-to-011.xht @@ -0,0 +1,24 @@ +<!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> + <title>CSS Test: Height applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-height" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" /> + <link rel="match" href="../../reference/pass_if_square_96px_black.html"/> + <meta name="assert" content="The 'height' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + background: black; + display: run-in; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/left-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/left-applies-to-011.xht new file mode 100644 index 0000000000..604877974e --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/left-applies-to-011.xht @@ -0,0 +1,26 @@ +<!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> + <title>CSS Test: Left applied to element with 'display' set to run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" /> + <meta name="assert" content="The 'left' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + background: green; + left: 0; + display: run-in; + height: 1in; + position: absolute; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box on the left side of the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/letter-spacing-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/letter-spacing-applies-to-004.xht new file mode 100644 index 0000000000..33c71fbcb1 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/letter-spacing-applies-to-004.xht @@ -0,0 +1,37 @@ +<!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> + <title>CSS Test: Letter-spacing application on a 'display: run-in' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-letter-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <link rel="match" href="../../reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html"/> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'letter-spacing' property is applied to 'display: run-in' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + div div + { + display: run-in; + letter-spacing: 1em; + } + #div1 + { + background: blue; + height: 1em; + width: 11em; + } + </style> + </head> + <body> + <p>Test passes if there are six black boxes below and the last black box ends when the blue box ends.</p> + <div> + <div>XXXXXX</div> + </div> + <div id="div1"></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/line-height-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/line-height-applies-to-011.xht new file mode 100644 index 0000000000..b8ddd08618 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/line-height-applies-to-011.xht @@ -0,0 +1,39 @@ +<!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> + <title>CSS Test: Line-height applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" /> + <meta name="assert" content="The 'line-height' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + #div1 + { + position: relative; + } + #div2 + { + background: blue; + display: run-in; + line-height: 2in; + width: 1in; + } + #div3 + { + background: orange; + height: 2in; + left: 1in; + position: absolute; + top: 0; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue and orange boxes below are the same height.</p> + <div id="div1"> + <div id="div2"> </div> + <div id="div3"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/list-style-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/list-style-applies-to-011.xht new file mode 100644 index 0000000000..4b0a0e46ce --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/list-style-applies-to-011.xht @@ -0,0 +1,29 @@ +<!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> + <title>CSS Test: List-style applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + display: run-in; + list-style: square; + margin-left: 1in; + } + span + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div> + <span></span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/list-style-image-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/list-style-image-applies-to-011.xht new file mode 100644 index 0000000000..dca032c6e9 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/list-style-image-applies-to-011.xht @@ -0,0 +1,29 @@ +<!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> + <title>CSS Test: List-style-image applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="flags" content="image" /> + <meta name="assert" content="The 'list-style-image' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + display: run-in; + list-style-image: url('support/blue15x15.png'); + margin-left: 1in; + } + span + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single blue square below.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/list-style-position-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/list-style-position-applies-to-011.xht new file mode 100644 index 0000000000..e38e4f3e1d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/list-style-position-applies-to-011.xht @@ -0,0 +1,29 @@ +<!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> + <title>CSS Test: List-style-position applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <meta name="assert" content="The 'list-style-position' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + display: run-in; + list-style-position: inside; + margin-left: 1in; + } + span + { + background: orange; + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a black dot inside an orange box below.</p> + <div> + <span></span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/list-style-type-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/list-style-type-applies-to-011.xht new file mode 100644 index 0000000000..fed66d951f --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/list-style-type-applies-to-011.xht @@ -0,0 +1,29 @@ +<!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> + <title>CSS Test: List-style-type applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style" /> + <link rel="match" href="../../reference/single_square_list_marker.xht"/> + <meta name="assert" content="The 'list-style-type' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + display: run-in; + list-style-type: square; + margin-left: 1in; + } + span + { + display: list-item; + } + </style> + </head> + <body> + <p>Test passes if there is a single square below.</p> + <div> + <span></span> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/margin-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/margin-applies-to-011.xht new file mode 100644 index 0000000000..4282f3e7fc --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/margin-applies-to-011.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> + <title>CSS Test: Margin applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" /> + <meta name="assert" content="The 'Margin' property applies to elements with a display of run-in." /> + <style type="text/css"> + #wrapper + { + border: 10px solid blue; + position: absolute; + } + #test + { + border: 10px solid orange; + display: run-in; + height: 200px; + width: 200px; + margin: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is space between the blue and orange lines below.</p> + <div id="wrapper"> + <div id="test"></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/margin-bottom-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/margin-bottom-applies-to-011.xht new file mode 100644 index 0000000000..38d6498c45 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/margin-bottom-applies-to-011.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> + <title>CSS Test: Margin-bottom applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" /> + <meta name="assert" content="The 'margin-bottom' property applies to elements with a display of run-in." /> + <style type="text/css"> + #wrapper + { + border-bottom: 10px solid blue; + } + div div + { + border-bottom: 10px solid orange; + display: run-in; + height: 200px; + margin-bottom: 50px; + width: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is space between the blue and orange lines below.</p> + <div id="wrapper"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/margin-left-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/margin-left-applies-to-011.xht new file mode 100644 index 0000000000..906e95cb32 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/margin-left-applies-to-011.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> + <title>CSS Test: Margin-left applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-left" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" /> + <meta name="assert" content="The 'margin-left' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + height: 200px; + width: 200px; + } + #div1 + { + border-left: 10px solid blue; + } + div div + { + border-left: 10px solid orange; + display: run-in; + margin-left: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is space between the blue and orange lines below.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/margin-right-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/margin-right-applies-to-011.xht new file mode 100644 index 0000000000..ee1c80dfd2 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/margin-right-applies-to-011.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> + <title>CSS Test: Margin-right applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-right" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" /> + <meta name="assert" content="The 'margin-right' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + height: 200px; + } + #div1 + { + border-right: 10px solid blue; + width: 200px; + } + div div + { + border-right: 10px solid orange; + display: run-in; + margin-right: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is space between the blue and orange lines below.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/margin-top-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/margin-top-applies-to-011.xht new file mode 100644 index 0000000000..95af9e8ccd --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/margin-top-applies-to-011.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> + <title>CSS Test: Margin-top applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-margin-top" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#margin-properties" /> + <meta name="assert" content="The 'margin-top' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + height: 200px; + width: 200px; + } + #div1 + { + border-top: 10px solid blue; + } + div div + { + border-top: 10px solid orange; + display: run-in; + margin-top: 50px; + } + </style> + </head> + <body> + <p>Test passes if there is space between the blue and orange lines below.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/max-height-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/max-height-applies-to-011.xht new file mode 100644 index 0000000000..f27561c182 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/max-height-applies-to-011.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> + <title>CSS Test: Max-height applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="match" href="../../reference/pass_if_square_96px_black.html"/> + <meta name="assert" content="The 'max-height' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + background: black; + display: run-in; + height: 3in; + max-height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/max-width-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/max-width-applies-to-011.xht new file mode 100644 index 0000000000..65337647e0 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/max-width-applies-to-011.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> + <title>CSS Test: Max-width applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-max-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <link rel="match" href="../../reference/pass_if_square_96px_black.html"/> + <meta name="assert" content="The 'max-width' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + background: black; + display: run-in; + height: 1in; + max-width: 1in; + width: 3in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/min-height-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/min-height-applies-to-011.xht new file mode 100644 index 0000000000..ca2a6ba0fa --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/min-height-applies-to-011.xht @@ -0,0 +1,24 @@ +<!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> + <title>CSS Test: Min-height applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-heights" /> + <link rel="match" href="../../reference/pass_if_square_96px_black.html"/> + <meta name="assert" content="The 'min-height' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + background: black; + display: run-in; + min-height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/min-width-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/min-width-applies-to-011.xht new file mode 100644 index 0000000000..b905bf9383 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/min-width-applies-to-011.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> + <title>CSS Test: Min-width applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-min-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" /> + <link rel="match" href="../../reference/pass_if_square_96px_black.html"/> + <meta name="assert" content="The 'min-width' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + #div1 + { + width: 0.5in; + } + div div + { + background: black; + display: run-in; + height: 1in; + min-width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/outline-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/outline-applies-to-011.xht new file mode 100644 index 0000000000..98da6983da --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/outline-applies-to-011.xht @@ -0,0 +1,23 @@ +<!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> + <title>CSS Test: Outline applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + display: run-in; + height: 1in; + outline: solid blue 10px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a blue box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/outline-color-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/outline-color-applies-to-011.xht new file mode 100644 index 0000000000..1012b5d0ba --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/outline-color-applies-to-011.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> + <title>CSS Test: Outline-color applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-color" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-color' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + height: 1in; + display: run-in; + outline-color: blue; + outline-style: solid; + outline-width: 10px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below is blue.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/outline-style-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/outline-style-applies-to-011.xht new file mode 100644 index 0000000000..934aee6246 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/outline-style-applies-to-011.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> + <title>CSS Test: Outline-style applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-style" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-style' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + display: run-in; + height: 1in; + outline-color: blue; + outline-style: dotted; + outline-width: 10px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the box below has a dotted border.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/outline-width-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/outline-width-applies-to-011.xht new file mode 100644 index 0000000000..216dd8c62c --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/outline-width-applies-to-011.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> + <title>CSS Test: Outline-width applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#propdef-outline-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/ui.html#dynamic-outlines" /> + <meta name="assert" content="The 'outline-width' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + display: run-in; + height: 1in; + outline-color: green; + outline-style: solid; + outline-width: 10px; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a green box below.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/overflow-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/overflow-applies-to-011.xht new file mode 100644 index 0000000000..bbf47e3bb2 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/overflow-applies-to-011.xht @@ -0,0 +1,32 @@ +<!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> + <title>CSS Test: overflow applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#overflow" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'overflow' property applies to elements with 'display' set to 'run-in'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + border: 5px solid transparent; + color: white; + display: run-in; + font: 20px/1em Ahem; + height: 5em; + overflow: hidden; + width: 5em; + } + #span2 + { + color: red; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div><span>XXXXX</span><span id="span2">XXXXX</span></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/padding-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/padding-applies-to-011.xht new file mode 100644 index 0000000000..58567c7b28 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/padding-applies-to-011.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> + <title>CSS Test: Padding applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" /> + <meta name="assert" content="The 'padding' property applies to elements with a display of run-in." /> + <style type="text/css"> + #div1 + { + border: 10px solid blue; + display: run-in; + padding: 50px; + width: 200px; + } + div div + { + border: 10px solid orange; + height: 200px; + } + </style> + </head> + <body> + <p>Test passes if there is space between the blue and orange lines on all four sides.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/padding-bottom-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/padding-bottom-applies-to-011.xht new file mode 100644 index 0000000000..c31cfb2ca2 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/padding-bottom-applies-to-011.xht @@ -0,0 +1,32 @@ +<!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> + <title>CSS Test: Padding-bottom applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-bottom" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" /> + <meta name="assert" content="The 'padding-bottom' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + width: 200px; + } + #div1 + { + border-bottom: 10px solid blue; + display: run-in; + padding-bottom: 50px; + } + div div + { + border-bottom: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if there is space between the blue and orange lines below.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/padding-left-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/padding-left-applies-to-011.xht new file mode 100644 index 0000000000..5c2eb7aaf0 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/padding-left-applies-to-011.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> + <title>CSS Test: Padding-left applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-left" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" /> + <meta name="assert" content="The 'padding-left' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + height: 200px; + width: 200px; + } + #div1 + { + border-left: 10px solid blue; + display: run-in; + padding-left: 50px; + } + div div + { + border-left: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if there is space between the blue and orange lines below.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/padding-right-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/padding-right-applies-to-011.xht new file mode 100644 index 0000000000..25d09ff02f --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/padding-right-applies-to-011.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> + <title>CSS Test: Padding-right applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-right" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" /> + <meta name="assert" content="The 'padding-right' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + height: 200px; + } + #div1 + { + border-right: 10px solid blue; + display: run-in; + padding-right: 50px; + width: 200px; + } + div div + { + border-right: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if there is space between the blue and orange lines below.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/padding-top-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/padding-top-applies-to-011.xht new file mode 100644 index 0000000000..5cce439be6 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/padding-top-applies-to-011.xht @@ -0,0 +1,32 @@ +<!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> + <title>CSS Test: Padding-top applied to element with display run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#propdef-padding-top" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/box.html#padding-properties" /> + <meta name="assert" content="The 'padding-top' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + width: 200px; + } + #div1 + { + border-top: 10px solid blue; + display: run-in; + padding-top: 50px; + } + div div + { + border-top: 10px solid orange; + } + </style> + </head> + <body> + <p>Test passes if there is space between the blue and orange lines below.</p> + <div id="div1"> + <div></div> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/position-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/position-applies-to-011.xht new file mode 100644 index 0000000000..6e683b255d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/position-applies-to-011.xht @@ -0,0 +1,26 @@ +<!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> + <title>CSS Test: Position applied to element with 'display' set to run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-position" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#choose-position" /> + <meta name="assert" content="The 'position' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + background: green; + bottom: 0; + display: run-in; + height: 1in; + position: absolute; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box at the bottom of the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/quotes-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/quotes-applies-to-011.xht new file mode 100644 index 0000000000..9594507359 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/quotes-applies-to-011.xht @@ -0,0 +1,26 @@ +<!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> + <title>CSS Test: Quotes applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-quotes" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#quotes-specify" /> + <link rel="match" href="../../reference/pass_if_pass_below.html" /> + <meta name="assert" content="The 'quotes' property applies to elements with a 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + display: run-in; + quotes: "P" "S" "A" "S"; + } + div:before + { + content: open-quote open-quote close-quote close-quote; + } + </style> + </head> + <body> + <p>Test passes if there is the word "PASS" below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/right-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/right-applies-to-011.xht new file mode 100644 index 0000000000..59af50fe68 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/right-applies-to-011.xht @@ -0,0 +1,26 @@ +<!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> + <title>CSS Test: Right applied to element with 'display' set to run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" /> + <meta name="assert" content="The 'right' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + background: green; + right: 0; + display: run-in; + height: 1in; + position: absolute; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a box on the right side of the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-001.xht new file mode 100644 index 0000000000..d16fc20e01 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-001.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> + <title>CSS Test: Run-in with a block box converts to a block box</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box contains a block box." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 20px/1em Ahem; + } + #span1 + { + display: run-in; + } + span span + { + display: block; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div> + <span>XXX</span> + <span id="span1"> + XXX + <span>XXX</span> + </span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-002.xht new file mode 100644 index 0000000000..6541659627 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-002.xht @@ -0,0 +1,27 @@ +<!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> + <title>CSS Test: Run-in boxes change to inline boxes</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in" /> + <meta name="assert" content="Sibling block boxes following a run-in makes the run-in become an inline of the block box." /> + <style type="text/css"> + #span1 + { + display: run-in; + } + #span2 + { + background: orange; + display: block; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is all on the same line and is completely contained within the orange box.</p> + <div> + <span id="span1">Filler Text</span> + <span id="span2">Filler Text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-003.xht new file mode 100644 index 0000000000..2a6d75eb1f --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-003.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> + <title>CSS Test: Run-in boxes and float</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Float prevents run-in from becoming inline." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + font: 20px/1em Ahem; + } + #span1 + { + display: run-in; + } + #span2 + { + display: block; + float: left; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div> + <span id="span1">XX</span> + <span id="span2">XX</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-004.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-004.xht new file mode 100644 index 0000000000..e19688b2ae --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-004.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> + <title>CSS Test: Run-in boxes and absolute positioning</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Absolute positioning prevents run-in from becoming inline." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + font: 20px/1em Ahem; + } + #span1 + { + display: run-in; + } + #span2 + { + display: block; + position: absolute; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div> + <span id="span1">XX</span> + <span id="span2">XX</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-005.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-005.xht new file mode 100644 index 0000000000..b16506f363 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-005.xht @@ -0,0 +1,29 @@ +<!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> + <title>CSS Test: Run-in that starts with a run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in" /> + <meta name="assert" content="Run-in boxes cannot run-in with another box that already starts with a run-in." /> + <style type="text/css"> + span + { + display: run-in; + } + span span + { + background: orange; + } + </style> + </head> + <body> + <p>Test passes if words "Filler Text" are on three separate lines and the orange box in the middle spans the entire width of the page.</p> + <div> + <span id="span1"> + Filler Text + <span>Filler Text</span> + Filler Text + </span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-006.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-006.xht new file mode 100644 index 0000000000..55a80fed06 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-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> + <title>CSS Test: Run-in with a table box</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into a table box." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + font: 20px/1em Ahem; + } + #span1 + { + display: run-in; + } + #span2 + { + display: table; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div> + <span id="span1">XX</span> + <span id="span2">XX</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-007.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-007.xht new file mode 100644 index 0000000000..e24242a9a7 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-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> + <title>CSS Test: Run-in with a inline-table box</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into an inline-table box." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + font: 20px/1em Ahem; + } + #span1 + { + display: run-in; + } + #span2 + { + display: inline-table; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div> + <span id="span1">XX</span> + <span id="span2">XX</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-008.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-008.xht new file mode 100644 index 0000000000..87ca7073bd --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-008.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> + <title>CSS Test: Run-in with a table-row-group box</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into a table-row-group box." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + font: 20px/1em Ahem; + } + #span1 + { + display: run-in; + } + #span2 + { + display: table-row-group; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div> + <span id="span1">XX</span> + <span id="span2">XX</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-009.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-009.xht new file mode 100644 index 0000000000..255dfa0ae7 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-009.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> + <title>CSS Test: Run-in with a table-row box</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into a table-row box." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + font: 20px/1em Ahem; + } + #span1 + { + display: run-in; + } + #span2 + { + display: table-row; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div> + <span id="span1">XX</span> + <span id="span2">XX</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-010.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-010.xht new file mode 100644 index 0000000000..4f1738cc1d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-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> + <title>CSS Test: Run-in with a table-cell box</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into a table-cell box." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + font: 20px/1em Ahem; + } + #span1 + { + display: run-in; + } + #span2 + { + display: table-cell; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div> + <span id="span1">XX</span> + <span id="span2">XX</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-011.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-011.xht new file mode 100644 index 0000000000..5e45d90e42 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-011.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> + <title>CSS Test: Run-in with a table-caption box</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into a table-caption box." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + font: 20px/1em Ahem; + } + #span1 + { + display: run-in; + } + #span2 + { + display: table-caption; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div> + <span id="span1">XX</span> + <span id="span2">XX</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-012.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-012.xht new file mode 100644 index 0000000000..0673437b72 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-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> + <title>CSS Test: Run-in with a table-header-group box</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into a table-header-group box." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + font: 20px/1em Ahem; + } + #span1 + { + display: run-in; + } + #span2 + { + display: table-header-group; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div> + <span id="span1">XX</span> + <span id="span2">XX</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-013.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-013.xht new file mode 100644 index 0000000000..0102222b35 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-013.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> + <title>CSS Test: Run-in with a table-footer-group box</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-display" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Run-in boxes are converted to block boxes when the run-in box runs into a table-footer-group box." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + span + { + font: 20px/1em Ahem; + } + #span1 + { + display: run-in; + } + #span2 + { + display: table-footer-group; + background: blue; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div> + <span id="span1">XX</span> + <span id="span2">XX</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-abspos-between-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-abspos-between-001.xht new file mode 100644 index 0000000000..1af8ee4567 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-abspos-between-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - abs pos should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if there is an absolutely + positioned element between the run-in and the following block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + .abspos { position: absolute; visibility: hidden; } + #target { border: 2px solid black; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <div class="abspos"></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-abspos-between-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-abspos-between-002.xht new file mode 100644 index 0000000000..8303df2bf6 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-abspos-between-002.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - block set to abs pos should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if a block is dynamically set to + absolutely positioned between them and the following block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + .abspos { position: absolute; visibility: hidden; } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.className = "abspos"; + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="r">Some text.</div> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-abspos-between-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-abspos-between-003.xht new file mode 100644 index 0000000000..5053a7a5ea --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-abspos-between-003.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - inline toggled from abs pos should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if an inline between them and + the block is toggled from being absolutely positioned."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + .abspos { position: absolute; visibility: hidden; } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.className = ""; + } + ]]></script> + </head> + <body> + <div> + <div class="run-in">Run-in header</div> + <span id="r" class="abspos">Some text.</span> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-001.xht new file mode 100644 index 0000000000..d28a657595 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-001.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - basic functionality</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Run-ins run into a following block if there is nothing + between the run-in and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div><div id="target">Start of block. The + run-in header should be inside the border around this block and there should + be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-002.xht new file mode 100644 index 0000000000..6c7b7c3c9e --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-002.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - basic functionality with whitespace</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Run-ins run into a following block if there is collapsed + whitespace between the run-in and the following block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-003.xht new file mode 100644 index 0000000000..16121978c3 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-003.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - basic functionality with comments</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Run-ins run into a following block if there is collapsed + whitespace and comments between the run-in and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <!-- This is a comment --> + + <!-- And another comment --> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-004.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-004.xht new file mode 100644 index 0000000000..faad2521e2 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-004.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - basic functionality with multiple whitespace nodes</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins actually run in if there are multiple + whitespace nodes between the run-in and the following block. + There must be multiple whitespace nodes in the DOM between the + run-in and the following block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + </head> + <body> + <div id="makemerun">Run-in header</div> + <script type="text/javascript"><![CDATA[ + document.body.appendChild(document.createTextNode(" ")); + document.body.appendChild(document.createTextNode(" ")); + window.onload = function() { + var t = document.getElementById("target"); + if (t.previousSibling.nodeType == 3 /* Node.TEXT_NODE */ && + t.previousSibling.previousSibling.nodeType == 3) { + document.getElementById("makemerun").className = "run-in"; + } + } + ]]></script> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-005.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-005.xht new file mode 100644 index 0000000000..47c7632bbb --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-005.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - basic functionality with following block containing run-in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-block-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if the following block has + a display:run-in child."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + #target > div { display: run-in; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target"><div>Start of block. The run-in header should be inside the border around this block and there should be a newline between the word "header" and the word "Start".</div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-006.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-006.xht new file mode 100644 index 0000000000..d77b02a001 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-006.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - basic functionality with list-item</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if followed by a list-item."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; display: list-item; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-007-ref.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-007-ref.xht new file mode 100644 index 0000000000..ba04ce3435 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-007-ref.xht @@ -0,0 +1,17 @@ +<!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> + <title>CSS Reftest Reference</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <style type="text/css"> + .run-in { font-weight: bold } + #target { border: 2px solid black; overflow: scroll; } + </style> + </head> + <body> + <div id="target"><span class="run-in">Run-in header</span>Start of block. + The run-in header should be inside the border around this block and there + should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-007.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-007.xht new file mode 100644 index 0000000000..4138a9f697 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-007.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - runs into overflow:scroll block</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-007-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if the block has + overflow:scroll."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; overflow: scroll; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-008.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-008.xht new file mode 100644 index 0000000000..412eec6786 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-008.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - runs into relatively positioned block</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if the block is relatively + positioned."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; position: relative; top: 2em; left: 2em; } + #container { position: relative; top: -2em; left: -2em; } + ]]></style> + </head> + <body> + <div id="container"> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-009.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-009.xht new file mode 100644 index 0000000000..14c997804d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-009.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - run-ins run in even if given overflow:scroll</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have + overflow:scroll set."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold; overflow: scroll } + #target { border: 2px solid black; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-010.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-010.xht new file mode 100644 index 0000000000..2dc30223e6 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-010.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - parsing a block after a run-in should make the run-in run in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins actually run in if a block is parsed after them."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <script type="text/javascript">document.body.offsetHeight; /* flush layout here on purpose */</script> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-011.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-011.xht new file mode 100644 index 0000000000..afc85413af --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-011.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - inserting a block after a run-in should make the run-in run in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins actually run in if a block is inserted after them."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.createElement("div"); + t.id = "target"; + t.appendChild(document.createTextNode('Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".')); + document.body.appendChild(t); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-012.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-012.xht new file mode 100644 index 0000000000..c5d35bf236 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-012.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - basic functionality with :before</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins end up before :before content when they run + in."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + #target:before { content: "Start of block. " } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-013.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-013.xht new file mode 100644 index 0000000000..af810ac289 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-013.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted run-in should run in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that dynamically inserted run-ins run in."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + var s = document.createElement("div"); + s.appendChild(document.createTextNode("Run-in header")); + s.className = "run-in"; + t.parentNode.insertBefore(s, t); + } + ]]></script> + </head> + <body> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-014.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-014.xht new file mode 100644 index 0000000000..9f52e92cec --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-014.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - basic functionality with preserved whitespace</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-pre-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in across preserved whitespace."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + #container { white-space: pre; } + #container > * { white-space: normal; } + ]]></style> + </head> + <body> + <div id="container"><div class="run-in">Run-in header</div> <div id="target">Start of block. The run-in header should be outside the border around this block and there should be a blank line between the run-in header and this block.</div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-015.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-015.xht new file mode 100644 index 0000000000..8eee5e98df --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-015.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically preserved whitespace</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-pre-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in across preserved whitespace + even if it's preserved dynamically."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .container { white-space: pre; } + .container > * { white-space: normal; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var c = document.getElementById("container"); + c.className = "container"; + } + ]]></script> + </head> + <body> + <div id="container"><div class="run-in">Run-in header</div> <div id="target">Start of block. The run-in header should be outside the border around this block and there should be a blank line between the run-in header and this block.</div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-016.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-016.xht new file mode 100644 index 0000000000..4e8d71ae89 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-016.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically added preserved whitespace(2)</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-pre-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in across preserved whitespace + even if it's added dynamically."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + #container { white-space: pre; } + #container > * { white-space: normal; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + t.parentNode.insertBefore(document.createTextNode(" "), t); + } + ]]></script> + </head> + <body> + <div id="container"><div class="run-in">Run-in header</div><div id="target">Start of block. The run-in header should be outside the border around this block and there should be a blank line between the run-in header and this block.</div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-017.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-017.xht new file mode 100644 index 0000000000..065fe751f3 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-017.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically added preserved whitespace(3)</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-pre-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in across preserved whitespace + even if it's added dynamically."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + #container { white-space: pre; } + #container > * { white-space: normal; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + var s = document.createTextNode(""); + t.parentNode.insertBefore(s, t); + flushLayout(document.documentElement); + s.data = " "; + } + ]]></script> + </head> + <body> + <div id="container"><div class="run-in">Run-in header</div><div id="target">Start of block. The run-in header should be outside the border around this block and there should be a blank line between the run-in header and this block.</div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-018.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-018.xht new file mode 100644 index 0000000000..d776c2df87 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-018.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically added empty preserved whitespace</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in across preserved whitespace if the + textnode is empty."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + #container { white-space: pre; } + #container > * { white-space: normal; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + var s = document.createTextNode(""); + t.parentNode.insertBefore(s, t); + } + ]]></script> + </head> + <body> + <div id="container"><div class="run-in">Run-in header</div><div id="target">Start of block. + The run-in header should be inside the border around this block and there + should be no space between the word "header" and the word "Start".</div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-basic-ref.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-ref.xht new file mode 100644 index 0000000000..597c7237a7 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-basic-ref.xht @@ -0,0 +1,17 @@ +<!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> + <title>CSS Reftest Reference</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <style type="text/css"> + .run-in { font-weight: bold } + #target { border: 2px solid black; } + </style> + </head> + <body> + <div id="target"><span class="run-in">Run-in header</span>Start of block. + The run-in header should be inside the border around this block and there + should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-block-between-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-block-between-001.xht new file mode 100644 index 0000000000..503924f23b --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-block-between-001.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - block should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Run-ins run into a following block even if the block is empty."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <div></div> + <div>Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-block-between-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-block-between-002.xht new file mode 100644 index 0000000000..eeace162a0 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-block-between-002.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted block should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Run-ins run into a following block even if the block is + dynamically inserted and empty."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + t.parentNode.insertBefore(document.createElement("div"), t); + var s = document.createElement("div"); + s.appendChild(document.createTextNode("Some text.")) + t.parentNode.insertBefore(s, t); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-block-between-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-block-between-003.xht new file mode 100644 index 0000000000..ca901199c6 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-block-between-003.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed block should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Run-ins run into a following block even if there was another + block between that was dynamically removed."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="r">Some text.</div> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-block-ref.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-block-ref.xht new file mode 100644 index 0000000000..48e01902d9 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-block-ref.xht @@ -0,0 +1,17 @@ +<!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> + <title>CSS Reftest Reference</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <style type="text/css"> + .run-in { font-weight: bold } + #target { border: 2px solid black; } + </style> + </head> + <body> + <div id="target"><div class="run-in">Run-in header</div>Start of block. + The run-in header should be inside the border around this block and there + should be a newline between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-breaking-001-ref.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-breaking-001-ref.xht new file mode 100644 index 0000000000..71701bf4a4 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-breaking-001-ref.xht @@ -0,0 +1,21 @@ +<!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> + <title>CSS Reftest Reference</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <style type="text/css"> + .run-in { font-weight: bold; border: 5px solid blue; } + #target { border: 2px solid black; padding: 1em; } + </style> + </head> + <body> + <div id="target"><span class="run-in">Run-in<br/>header</span>Start of + block. The run-in header should be inside the border around this block and + there should be no space between the word "header" and the word "Start", + other than the 5px vertical blue border. The border of the run-in must + have no vertical part on the right in the first line and no vertical part + on the left in the second line. The border of the run-in must not extend + outside the border of the block.</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-breaking-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-breaking-001.xht new file mode 100644 index 0000000000..7ec7bf8e3f --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-breaking-001.xht @@ -0,0 +1,27 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - line-breaking after running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-breaking-001-ref.xht"/> + <meta name="assert" + content="Tests that run-ins that run in can line-break correctly, + and that their borders are then painted correctly."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; border: 5px solid blue; font-weight: bold; } + #target { border: 2px solid black; padding: 1em; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in<br/>header</div> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start", other than the 5px vertical blue border. The + border of the run-in must have no vertical part on the right in the first + line and no vertical part on the left in the second line. The border of the + run-in must not extend outside the border of the block.</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-breaking-002-ref.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-breaking-002-ref.xht new file mode 100644 index 0000000000..1dc6994452 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-breaking-002-ref.xht @@ -0,0 +1,26 @@ +<!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> + <title>CSS Reftest Reference</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <style type="text/css"> + .run-in { font-weight: bold; border: 5px solid blue; direction: ltr; } + .one { border-left: none; } + .two { border-right: none; } + #target { border: 2px solid black; padding: 1em; direction: rtl } + </style> + </head> + <body> + <div id="target"> + <span class="run-in one">Run-in</span><br/> + <span class="run-in two">header</span>Start of block. The run-in header + should be inside the border around this block and there should be no + space between the word "header" and the word "Start". The border of the + run-in must have no vertical part on the left in the first line and no + vertical part on the right in the second line. It must have a vertical + part on the right in the first line and a vertical part on the left in + the second line. The border of the run-in must not extend outside the + border of the block.</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-breaking-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-breaking-002.xht new file mode 100644 index 0000000000..ac48e594f0 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-breaking-002.xht @@ -0,0 +1,30 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - line-breaking after running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-breaking-002-ref.xht"/> + <meta name="assert" + content="Tests that run-ins that run in can line-break correctly, + and that their borders are then painted correctly."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; border: 5px solid blue; font-weight: bold; + direction: rtl; } + #target { border: 2px solid black; padding: 1em; direction: rtl; } + ]]></style> + </head> + <body> + <span class="run-in">Run-in<br/>header</span> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start". The border of the run-in must have no + vertical part on the left in the first line and no vertical part on the + right in the second line. It must have a vertical part on the right in + the first line and a vertical part on the left in the second line. The + border of the run-in must not extend outside the border of the + block.</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-clear-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-clear-001.xht new file mode 100644 index 0000000000..47afe8d863 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-clear-001.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - clear on a run-in should apply to the block it runs into</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that clear on run-ins applies to their block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .bold { font-weight: bold; float: left } + #target { border: 2px solid black; } + .run-in { display: run-in; clear: both; } + ]]></style> + </head> + <body> + <div class="bold">Run-in header</div> + <div class="run-in">Some </div> + <div>text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the + border around this block; it should be on a line by itself before the line + containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-clear-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-clear-002.xht new file mode 100644 index 0000000000..f392b4f47d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-clear-002.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - clear on a run-in should apply to the block it runs into</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#flow-control"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that dynamically set clear on run-ins applies to their block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .bold { font-weight: bold; float: left } + #target { border: 2px solid black; } + .run-in { display: run-in; } + .clear { clear: both; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.className = "run-in clear"; + } + ]]></script> + </head> + <body> + <div class="bold">Run-in header</div> + <div id="r" class="run-in">Some </div> + <div>text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the + border around this block; it should be on a line by itself before the line + containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-abspos-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-abspos-001.xht new file mode 100644 index 0000000000..83b3be2a60 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-abspos-001.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - an abs pos child should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have abs pos kids."/> + <style type="text/css"><![CDATA[ + #container { position: relative; top: -1em; } + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; position: relative; top: 1em; } + .run-in > span { position: absolute; top: 0 } + .run-in > span + span { position: static; visibility: hidden; } + ]]></style> + </head> + <body> + <div id="container"> + <div class="run-in">Run-in <span>header</span><span>header</span></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-001.xht new file mode 100644 index 0000000000..ec4f293e9c --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child block should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if they have child blocks."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header<div></div></div> + <div>Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the + border around this block; it should be on a line by itself before the line + containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-002.xht new file mode 100644 index 0000000000..d0fcecd408 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-002.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted block child should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if they have dynamically + inserted child blocks."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + document.getElementById("r").appendChild(document.createElement("div")); + } + ]]></script> + </head> + <body> + <div id="r" class="run-in">Run-in header</div> + <div>Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-003.xht new file mode 100644 index 0000000000..83d04ce737 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-003.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed block child should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if a block child is dynamically + removed."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header<div id="r"></div></div> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-004.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-004.xht new file mode 100644 index 0000000000..da9a9e4273 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-004.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - child dynamically toggled to block display should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if they have a child + dynamically toggled to block display."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .block { display: block; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + document.getElementById("r").className = "block"; + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header<span id="r"></span></div> + <div>Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-005.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-005.xht new file mode 100644 index 0000000000..c55842087a --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-005.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - child dynamically toggled to inline display should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if they have a child + dynamically toggled to inline display."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .inline { display: inline; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + document.getElementById("r").className = "inline"; + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header<div id="r"></div></div> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-inside-inline-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-inside-inline-001.xht new file mode 100644 index 0000000000..656558368b --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-inside-inline-001.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child inline containing a block should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if they have child inlines + which contain blocks."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header<span><div></div></span></div> + <div>Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the + border around this block; it should be on a line by itself before the line + containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-inside-inline-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-inside-inline-002.xht new file mode 100644 index 0000000000..4c47b020f4 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-inside-inline-002.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted inline child containing block should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if they have dynamically + inserted child inlines containing blocks."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var s = document.createElement("span"); + s.appendChild(document.createElement("div")); + document.getElementById("r").appendChild(s); + } + ]]></script> + </head> + <body> + <div id="r" class="run-in">Run-in header</div> + <div>Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-inside-inline-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-inside-inline-003.xht new file mode 100644 index 0000000000..a3b56dcb47 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-block-inside-inline-003.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed inline child containing a block should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if an inline child containing a + block is dynamically removed."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header<span id="r"><div></div></span></div> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-float-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-float-001.xht new file mode 100644 index 0000000000..4b1cf5df5d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-float-001.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a floating child should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have floating kids."/> + <style type="text/css"><![CDATA[ + #container { margin-left: -5em; } + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; clear: both; margin-left: 5em; } + .run-in > span { float: left; } + ]]></style> + </head> + <body> + <div id="container"> + <div class="run-in"><span>Run-</span>in header</div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-001.xht new file mode 100644 index 0000000000..15621f1071 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-001.xht @@ -0,0 +1,21 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child inline should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have child inlines."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in <span>header</span></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-002.xht new file mode 100644 index 0000000000..e37201ff33 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-002.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child inline with table-cell child should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have child inlines + which contain table cells."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span > span { display: table-cell; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in <span><span>header</span></span></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-003.xht new file mode 100644 index 0000000000..413c386054 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-003.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child inline with table-cell child with an abs pos child should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have child inlines + which contain table cells which contain abs pos kids."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; position: relative; } + .run-in > span { visibility: hidden; } /* tests that the abs pos actually + shows up */ + .run-in > span > span { display: table-cell; visibility: visible; } + .run-in > span > span > span { position: absolute; top: 0; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in <span><span><span>header</span></span></span><span>header</span></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-004.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-004.xht new file mode 100644 index 0000000000..6c40107594 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-004.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child inline with table-cell child with a floating child should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have child inlines + which contain table cells which contain floating kids."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; clear: both; } + .run-in > span { visibility: hidden; } /* tests that the float actually + shows up */ + .run-in > span > span { display: table-cell; visibility: visible; } + .run-in > span > span > span { float: left; } + ]]></style> + </head> + <body> + <div class="run-in"><span><span><span>Run-</span></span></span>in header</div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-005.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-005.xht new file mode 100644 index 0000000000..6be696b4a1 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-005.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child inline with table-row child should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have child inlines + which contain table rowss."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span > span { display: table-row; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in <span><span>header</span></span></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-006.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-006.xht new file mode 100644 index 0000000000..7cd2ad774f --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-006.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child inline with an abs pos child should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have child inlines + which contain abs pos kids."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; position: relative; } + .run-in > span { visibility: hidden; } /* tests that the abs pos actually + shows up */ + .run-in > span > span { position: absolute; visibility: visible; top: 0} + ]]></style> + </head> + <body> + <div class="run-in">Run-in <span><span>header</span></span><span>header</span></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-007.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-007.xht new file mode 100644 index 0000000000..9ff76e714e --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-007.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child inline with a floating child should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have child inlines + which contain floating kids."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; clear: both; } + .run-in > span { visibility: hidden; } /* tests that the float actually + shows up */ + .run-in > span > span { float: left; visibility: visible; } + ]]></style> + </head> + <body> + <div class="run-in"><span><span>Run-</span></span>in header</div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-block-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-block-001.xht new file mode 100644 index 0000000000..663b948308 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-block-001.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child inline-block should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have child inline-blocks."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in > span { display: inline-block } + ]]></style> + </head> + <body> + <div class="run-in">Run-in <span>header</span></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-table-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-table-001.xht new file mode 100644 index 0000000000..b916dbc711 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-inline-table-001.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child inline-table should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have child + inline-tables."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in > span { display: inline-table } + ]]></style> + </head> + <body> + <div class="run-in">Run-in <span>header</span></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-relpos-block-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-relpos-block-001.xht new file mode 100644 index 0000000000..a22138e0c0 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-relpos-block-001.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child rel pos block should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if they have child rel pos + blocks."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in div { position: relative; top: 2em; left: 3em; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header<div></div></div> + <div>Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the + border around this block; it should be on a line by itself before the line + containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-relpos-block-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-relpos-block-002.xht new file mode 100644 index 0000000000..64fa6f6e1a --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-relpos-block-002.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted rel pos block child should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if they have dynamically + inserted child rel pos blocks."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in div { position: relative; top: 2em; left: 3em; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + document.getElementById("r").appendChild(document.createElement("div")); + } + ]]></script> + </head> + <body> + <div id="r" class="run-in">Run-in header</div> + <div>Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-relpos-block-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-relpos-block-003.xht new file mode 100644 index 0000000000..c5756fce48 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-relpos-block-003.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed rel pos block child should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if a rel pos block child is dynamically + removed."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in div { position: relative; top: 2em; left: 3em; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header<div id="r"></div></div> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-run-in-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-run-in-001.xht new file mode 100644 index 0000000000..cebbfef67c --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-run-in-001.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child run-in should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if they have child run-ins."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in div { display: run-in; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header<div></div></div> + <div>Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the + border around this block; it should be on a line by itself before the line + containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-run-in-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-run-in-002.xht new file mode 100644 index 0000000000..e3f978be08 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-run-in-002.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted run-in child should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if they have dynamically + inserted child run-ins."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in div { display: run-in; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + document.getElementById("r").appendChild(document.createElement("div")); + } + ]]></script> + </head> + <body> + <div id="r" class="run-in">Run-in header</div> + <div>Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-run-in-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-run-in-003.xht new file mode 100644 index 0000000000..5a812b382b --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-run-in-003.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed run-in child should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if a run-in child is dynamically + removed."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in div { display: run-in; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header<div id="r"></div></div> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-001.xht new file mode 100644 index 0000000000..9001a7e4e0 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-001.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child table should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if they have child tables."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in div { display: table; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header<div></div></div> + <div>Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the + border around this block; it should be on a line by itself before the line + containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-002.xht new file mode 100644 index 0000000000..3fd6adda3a --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-002.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted table child should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if they have dynamically + inserted child tables."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in div { display: table; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + document.getElementById("r").appendChild(document.createElement("div")); + } + ]]></script> + </head> + <body> + <div id="r" class="run-in">Run-in header</div> + <div>Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-003.xht new file mode 100644 index 0000000000..ab76e87e2d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-003.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed table child should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if a table child is dynamically + removed."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in div { display: table; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header<div id="r"></div></div> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-caption-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-caption-001.xht new file mode 100644 index 0000000000..d98b535a3d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-caption-001.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child table-caption should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have child table-captions."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in > span { display: table-caption } + ]]></style> + </head> + <body> + <div class="run-in">Run-in <span>header</span></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-cell-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-cell-001.xht new file mode 100644 index 0000000000..433e1c65de --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-cell-001.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child table-cell should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have child table-cells."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in > span { display: table-cell } + ]]></style> + </head> + <body> + <div class="run-in">Run-in <span>header</span></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-column-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-column-001.xht new file mode 100644 index 0000000000..d9fc2f0318 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-column-001.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child table-column should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have child table-columns."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in > span { display: table-column } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header<span></span></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-column-group-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-column-group-001.xht new file mode 100644 index 0000000000..f4aeb8b7b0 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-column-group-001.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child table-column should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have child table-columns."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in > span { display: table-column-group } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header<span></span></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-inside-inline-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-inside-inline-001.xht new file mode 100644 index 0000000000..6270d647f9 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-inside-inline-001.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child inline containing a table should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if they have child inlines + which contain tables."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in div { display: table; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header<span><div></div></span></div> + <div>Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the + border around this block; it should be on a line by itself before the line + containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-inside-inline-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-inside-inline-002.xht new file mode 100644 index 0000000000..edd543d45b --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-inside-inline-002.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted inline child containing table should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if they have dynamically + inserted child inlines containing tables."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in div { display: table; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var s = document.createElement("span"); + s.appendChild(document.createElement("div")); + document.getElementById("r").appendChild(s); + } + ]]></script> + </head> + <body> + <div id="r" class="run-in">Run-in header</div> + <div>Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-inside-inline-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-inside-inline-003.xht new file mode 100644 index 0000000000..5df9c526c3 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-inside-inline-003.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed inline child containing a table should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if an inline child containing a + table is dynamically removed."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in div { display: table; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header<span id="r"><div></div></span></div> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-row-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-row-001.xht new file mode 100644 index 0000000000..eb1c69292c --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-row-001.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child table-row should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have child table-rows."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in > span { display: table-row } + ]]></style> + </head> + <body> + <div class="run-in">Run-in <span>header</span></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-row-group-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-row-group-001.xht new file mode 100644 index 0000000000..9d8936f05f --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-contains-table-row-group-001.xht @@ -0,0 +1,22 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - a child table-row-group should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if they have child table-row-groupss."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .run-in > span { display: table-row-group } + ]]></style> + </head> + <body> + <div class="run-in">Run-in <span>header</span></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-display-none-between-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-display-none-between-001.xht new file mode 100644 index 0000000000..bdcd34d277 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-display-none-between-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - display:none should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if there is a display:none + element between the run-in and the following block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + .none { display: none; } + #target { border: 2px solid black; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <div class="none"></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-display-none-between-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-display-none-between-002.xht new file mode 100644 index 0000000000..c9dddee3cd --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-display-none-between-002.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - block set to display:none should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if a block is dynamically set to + display:none between them and the following block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + .none { display: none; } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + document.normalize(); + var r = document.getElementById("r"); + r.className = "none"; + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="r">Some text.</div> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-display-none-between-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-display-none-between-003.xht new file mode 100644 index 0000000000..ac28260492 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-display-none-between-003.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - inline toggled from display:none should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if an inline between them and + the block is toggled from display:none."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + .none { display: none; } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.className = ""; + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <span id="r" class="none">Some text.</span> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-fixedpos-between-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-fixedpos-between-001.xht new file mode 100644 index 0000000000..11396660f2 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-fixedpos-between-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - fixed pos should not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if there is an fixed + positioned element between the run-in and the following block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + .fixedpos { position: fixed; visibility: hidden; } + #target { border: 2px solid black; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <div class="fixedpos"></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-fixedpos-between-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-fixedpos-between-002.xht new file mode 100644 index 0000000000..e97fe47cad --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-fixedpos-between-002.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - block set to fixed pos should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if a block is dynamically set to + fixed positioned between them and the following block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + .fixedpos { position: fixed; visibility: hidden; } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.className = "fixedpos"; + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="r">Some text.</div> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-fixedpos-between-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-fixedpos-between-003.xht new file mode 100644 index 0000000000..9af28a390c --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-fixedpos-between-003.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - inline toggled from fixed pos should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if an inline between them and + the block is toggled from being fixed positioned."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + .fixedpos { position: fixed; visibility: hidden; } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.className = ""; + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <span id="r" class="fixedpos">Some text.</span> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-float-between-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-float-between-001.xht new file mode 100644 index 0000000000..3ac540cc1c --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-float-between-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - floatshould not prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="assert" + content="Tests that run-ins actually run in if there is a float + element between the run-in and the following block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + .float { float: right; visibility: hidden; } + #target { border: 2px solid black; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <div class="float"></div> + <div id="target">Start of block. The run-in header should be inside the border around this block and there should be no space between the word "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-float-between-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-float-between-002.xht new file mode 100644 index 0000000000..a5ad3c7de4 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-float-between-002.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - block set to float should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if a block is dynamically set to + float between them and the following block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + .float { float: right; visibility: hidden; } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.className = "float"; + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="r">Some text.</div> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-float-between-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-float-between-003.xht new file mode 100644 index 0000000000..8d4b9e52f2 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-float-between-003.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - inline toggled from float should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if an inline between them and + the block is toggled from float."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + .float { float: right; visibility: hidden; } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.className = ""; + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <span id="r" class="float">Some text.</span> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-inherit-001-ref.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-inherit-001-ref.xht new file mode 100644 index 0000000000..64f0a45e7d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-inherit-001-ref.xht @@ -0,0 +1,20 @@ +<!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> + <title>CSS Reftest Reference</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <style type="text/css"> + .run-in { font-weight: bold; color: green; border: 10px outset orange; } + #target { border: 2px solid black; margin: 2em; padding: 10px; } + body { border: 10px outset orange; } + </style> + </head> + <body> + <div id="target"><span class="run-in">Run-in header</span>Start of block. + The run-in header should be inside the border around this block, should be + colored green, and should have an outset orange border. There should be + 2em of space on each side between the black border of the block and outset + orange border around it.</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-inherit-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-inherit-001.xht new file mode 100644 index 0000000000..f87e093ea9 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-inherit-001.xht @@ -0,0 +1,28 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - run-in property inheritance</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-inherit-001-ref.xht"/> + <meta name="assert" + content="Tests property inheritance for run-ins, and margin collapsing + for the block following a run-in. Should inherit from our content parent, and the margins should not collapse through a border."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold; border: inherit} + #target { border: 2px solid black; color: black; margin: 2em; padding: 10px } + #container { color: green; border: 10px outset orange; } + ]]></style> + </head> + <body> + <div id="container"> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should be inside the + border around this block, should be colored green, and should have an + outset orange border. There should be 2em of space on each side between + the black border of the block and outset orange border around it.</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-inheritance-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-inheritance-001.xht new file mode 100644 index 0000000000..c1072450bb --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-inheritance-001.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> + <title>CSS Test: Run-in boxes and inheritance</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in" /> + <meta name="assert" content="Run-in boxes inherit properties from its parent element." /> + <style type="text/css"> + div + { + color: orange; + } + #span1 + { + display: run-in; + } + #span2 + { + background: blue; + display: block; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is orange and is completely contained within the blue box.</p> + <div> + <span id="span1">Filler Text</span> + <span id="span2">Filler Text</span> + </div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-inline-between-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-between-001.xht new file mode 100644 index 0000000000..76710eafd9 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-between-001.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - inline should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if there's an inline between + them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <span>Some text.</span> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-inline-between-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-between-002.xht new file mode 100644 index 0000000000..bba6f3b246 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-between-002.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted inline should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if there's a dynamically + inserted inline between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + var s = document.createElement("span"); + s.appendChild(document.createTextNode("Some text.")) + t.parentNode.insertBefore(s, t); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-inline-between-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-between-003.xht new file mode 100644 index 0000000000..358b4231c9 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-between-003.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed inline should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if an inline is dynamically removed + from between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <span id="r">Some text.</span> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-inline-block-between-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-block-between-001.xht new file mode 100644 index 0000000000..17271636b2 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-block-between-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - inline-block should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if there's an inline-block + between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span { display: inline-block; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <span>Some text.</span> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-inline-block-between-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-block-between-002.xht new file mode 100644 index 0000000000..1ceb4bed25 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-block-between-002.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted inline-block should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if there's a dynamically + inserted inline-block between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span { display: inline-block; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + var s = document.createElement("span"); + s.appendChild(document.createTextNode("Some text.")) + t.parentNode.insertBefore(s, t); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-inline-block-between-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-block-between-003.xht new file mode 100644 index 0000000000..351f27756e --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-block-between-003.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed inline-block should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if an inline-block is dynamically + removed from between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span { display: inline-block; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <span id="r">Some text.</span> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-inline-table-between-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-table-between-001.xht new file mode 100644 index 0000000000..c7449056b0 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-table-between-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - inline-table should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if there's a inline-table between + them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span { display: inline-table; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <span>Some text.</span> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-inline-table-between-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-table-between-002.xht new file mode 100644 index 0000000000..49164c05ec --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-table-between-002.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted inline-table should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if there's a dynamically + inserted inline-table between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span { display: inline-table; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + var s = document.createElement("span"); + s.appendChild(document.createTextNode("Some text.")) + t.parentNode.insertBefore(s, t); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-inline-table-between-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-table-between-003.xht new file mode 100644 index 0000000000..9b73d0cadc --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-inline-table-between-003.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed inline-table should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if a inline-table is dynamically removed + from between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span { display: inline-table; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <span id="r">Some text.</span> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-linebox-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-linebox-001.xht new file mode 100644 index 0000000000..128cd3e386 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-linebox-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: run-in and sibling blocks</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/run-in/001.xml" type="application/xhtml+xml" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in" /> + <style type="text/css"> + .r { display: run-in; color: blue; } + .b { background: blue; display: block; } + .fail { background: red; line-height: 0; margin-top: 1em; color: white; } + </style> + </head> + <body> + <p>There should be a blue box below.</p> + <div class="r">FAIL</div> + <div class="b"></div> + <div class="fail"> + FAIL + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-linebox-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-linebox-002.xht new file mode 100644 index 0000000000..db741a1e8a --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-linebox-002.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: run-in and the line box model</title> + <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> + <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/contact" /> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/box/run-in/002.xml" type="application/xhtml+xml"/> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in" /> + <meta name="assert" content="A run-in element inherits (line-height) from its document tree parent"/> + <style type="text/css"> + div { font-family: monospace; } + .r { color: blue; display: run-in; } + .b { background: blue; line-height: 0; } + span { color: blue; } + </style> + </head> + <body> + <p>There should be a blue box below.</p> + <div class="r">FAIL</div> + <div class="b"><span> FAIL</span></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-listitem-between-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-listitem-between-001.xht new file mode 100644 index 0000000000..bfe6d35ca7 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-listitem-between-001.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - block should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if there's a list-item between + them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .listitem { display: list-item; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <div class="listitem"></div> + <div class="listitem">Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-listitem-between-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-listitem-between-002.xht new file mode 100644 index 0000000000..1eda2aa7b2 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-listitem-between-002.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted block should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if there's a dynamically + inserted list-item between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + #r { display: list-item; list-style-type: ""; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + t.parentNode.insertBefore(document.createElement("div"), t); + var s = document.createElement("div"); + s.appendChild(document.createTextNode("Some text.")) + s.id = "r"; + t.parentNode.insertBefore(s, t); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-listitem-between-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-listitem-between-003.xht new file mode 100644 index 0000000000..06fda02c74 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-listitem-between-003.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed block should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if a list-item is dynamically removed + from between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + #r { display: list-item; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="r">Some text.</div> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-pre-ref.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-pre-ref.xht new file mode 100644 index 0000000000..541d182a5e --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-pre-ref.xht @@ -0,0 +1,17 @@ +<!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> + <title>CSS Reftest Reference</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <style type="text/css"> + .run-in { font-weight: bold } + #target { border: 2px solid black; } + #container { white-space: pre; } + #container > * { white-space: normal; } + </style> + </head> + <body> + <div id="container"><div class="run-in">Run-in header</div> <div id="target">Start of block. The run-in header should be outside the border around this block and there should be a blank line between the run-in header and this block.</div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-relpos-between-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-relpos-between-001.xht new file mode 100644 index 0000000000..c16b9fc942 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-relpos-between-001.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - rel pos inline should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if there's a rel pos inline + between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .outer { position: relative; top: 50px; } + .inner { position: relative; top: -50px; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <span class="outer"><span class="inner">Some text.</span></span> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-relpos-between-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-relpos-between-002.xht new file mode 100644 index 0000000000..bb7c91a0c6 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-relpos-between-002.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted rel pos inline should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if there's a dynamically + inserted rel pos inline between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .outer { position: relative; top: 50px; } + .inner { position: relative; top: -50px; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + var s = document.createElement("span"); + s.className = "inner"; + s.appendChild(document.createTextNode("Some text.")); + var s2 = document.createElement("span"); + s2.className = "outer"; + s2.appendChild(s); + t.parentNode.insertBefore(s2, t); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-relpos-between-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-relpos-between-003.xht new file mode 100644 index 0000000000..cea7d4f4b0 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-relpos-between-003.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed rel pos inline should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if a rel pos inline is dynamically + removed from between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + .outer { position: relative; top: 50px; } + .inner { position: relative; top: -50px; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <span id="r" class="outer"><span class="inner">Some text.</span></span> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-replaced-001-ref.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-replaced-001-ref.xht new file mode 100644 index 0000000000..e6c53abfac --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-replaced-001-ref.xht @@ -0,0 +1,15 @@ +<!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> + <title>CSS Reftest Reference</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <style type="text/css"> + #target { border: 2px solid black; width: 500px; height: 200px; } + #target > img { width: 100px; height: 100px; } + </style> + </head> + <body> + <div id="target"><img src="support/swatch-blue.png"/>The blue square should be inside the border of this block, a square, and half the block's height.</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-replaced-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-replaced-001.xht new file mode 100644 index 0000000000..01af2d38a3 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-replaced-001.xht @@ -0,0 +1,26 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - basic replaced element</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-replaced-001-ref.xht"/> + <meta name="assert" + content="Tests that replaced elements can actually run in and that + they ten get sized correctly."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; width: 20%; height: 50% } + #target { border: 2px solid black; width: 500px; height: 200px; } + #container { height: 0; width: 0; } + ]]></style> + </head> + <body> + <div id="container"> + <img class="run-in" src="support/swatch-blue.png" /> + <div id="target">Start of block. The blue square should be inside the + border of this block, a square, and half the block's height.</div> + </div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-restyle-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-restyle-001.xht new file mode 100644 index 0000000000..05bd61a0b5 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-restyle-001.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - should run out when they stop being run-ins</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run once they stop being run-ins."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; } + .bold { font-weight: bold; } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + document.getElementById("r").className = "bold"; + } + ]]></script> + </head> + <body> + <div id="r" class="run-in bold">Run-in header</div> + <div>Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-restyle-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-restyle-002.xht new file mode 100644 index 0000000000..40d23e4fb0 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-restyle-002.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - should run out when following block becomes an inline</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run once their following block becomes an inline."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold; } + #target { border: 2px solid black; } + .inline { display: inline; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + document.getElementById("r").className = "inline"; + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="r">Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-restyle-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-restyle-003.xht new file mode 100644 index 0000000000..226081278d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-restyle-003.xht @@ -0,0 +1,37 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - should run in when following inline becomes a block</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in when the inline after them becomes a block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold; } + #target { border: 2px solid black; } + .block { display: block; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + document.getElementById("target").className = "block"; + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <span id="target">Start of block. + The run-in header should be inside the border around this block and there + should be no space between the word "header" and the word "Start".</span> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-001.xht new file mode 100644 index 0000000000..13077566c0 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - run in that has not run in should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if there's a run in that has + not run in between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + #r { display: run-in; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="r">Some text.<div><!--Make us not run in--></div></div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-002.xht new file mode 100644 index 0000000000..220c45ed24 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-002.xht @@ -0,0 +1,42 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted run-in which does not run in should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if there's a dynamically + inserted run-in which has not run in between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + #r { display: run-in; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + t.parentNode.insertBefore(document.createElement("div"), t); + var s = document.createElement("div"); + s.appendChild(document.createTextNode("Some text.")) + s.id = "r"; + s.appendChild(document.createElement("div")); /* make s not run in */ + t.parentNode.insertBefore(s, t); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-003.xht new file mode 100644 index 0000000000..555774420c --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-003.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed run-in which did not run in should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if a run-in which has not run in is + dynamically removed from between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + #r { display: run-in } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="r">Some text.<div><!--Make us not run in--></div></div> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-004.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-004.xht new file mode 100644 index 0000000000..c9af78ddb7 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-004.xht @@ -0,0 +1,25 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - run in that has run in should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if there's a run-in that has + run in between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + #r { display: run-in; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="r">Some </div> + <div>text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-005.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-005.xht new file mode 100644 index 0000000000..9839d9bd59 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-005.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted run-in which runs in should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if there's a dynamically + inserted run-in which has run in between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + #r { display: run-in; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + var s = document.createElement("div"); + s.appendChild(document.createTextNode("text.")) + t.parentNode.insertBefore(s, t); + flushLayout(document.documentElement); + var s2 = document.createElement("div"); + s2.appendChild(document.createTextNode("Some ")) + s2.id = "r"; + s.parentNode.insertBefore(s2, s); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-006.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-006.xht new file mode 100644 index 0000000000..ae2bceef2d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-006.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed run-in which ran in should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if a run-in which has run in is + dynamically removed from between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + #r { display: run-in } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="r">Some text.</div> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-007.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-007.xht new file mode 100644 index 0000000000..910831a742 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-007.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - run-in which runs in should prevent running in of dynamically inserted run-in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that dynamically inserted run-ins don't run in if + there's a run-in which has run in between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + #r { display: run-in; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + var s = document.createElement("div"); + s.appendChild(document.createTextNode("Run-in header")); + s.className = "run-in"; + r.parentNode.insertBefore(s, r); + } + ]]></script> + </head> + <body> + <div id="r">Some </div> + <div>text.</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-008.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-008.xht new file mode 100644 index 0000000000..00e24408e8 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-run-in-between-008.xht @@ -0,0 +1,41 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - run-in which does not run in should prevent running in of dynamically inserted run-in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that dynamically inserted run-ins don't run in if + there's a run-in which has not run in between them and the + block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + #r { display: run-in; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + var s = document.createElement("div"); + s.appendChild(document.createTextNode("Run-in header")); + s.className = "run-in"; + r.parentNode.insertBefore(s, r); + } + ]]></script> + </head> + <body> + <div id="r">Some text.<div></div></div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-table-between-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-table-between-001.xht new file mode 100644 index 0000000000..79a98d1fb3 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-table-between-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - table should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if there's a table between + them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span { display: table; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <span>Some text.</span> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-table-between-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-table-between-002.xht new file mode 100644 index 0000000000..2ca8027546 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-table-between-002.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted table should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if there's a dynamically + inserted table between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span { display: table; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + var s = document.createElement("span"); + s.appendChild(document.createTextNode("Some text.")) + t.parentNode.insertBefore(s, t); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-table-between-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-table-between-003.xht new file mode 100644 index 0000000000..aa4d9f4497 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-table-between-003.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed table should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if a table is dynamically removed + from between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span { display: table; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <span id="r">Some text.</span> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-table-cell-between-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-table-cell-between-001.xht new file mode 100644 index 0000000000..18fcc2f797 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-table-cell-between-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - table-cell should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if there's a table-cell between + them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span { display: table-cell; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <span>Some text.</span> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-table-cell-between-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-table-cell-between-002.xht new file mode 100644 index 0000000000..04f5e80c53 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-table-cell-between-002.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted table-cell should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if there's a dynamically + inserted table-cell between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span { display: table-cell; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + var s = document.createElement("span"); + s.appendChild(document.createTextNode("Some text.")) + t.parentNode.insertBefore(s, t); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-table-cell-between-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-table-cell-between-003.xht new file mode 100644 index 0000000000..49ab645554 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-table-cell-between-003.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed table-cell should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if a table-cell is dynamically removed + from between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span { display: table-cell; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <span id="r">Some text.</span> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-table-row-between-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-table-row-between-001.xht new file mode 100644 index 0000000000..06b0852bb8 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-table-row-between-001.xht @@ -0,0 +1,24 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - table-row should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if there's a table-row between + them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span { display: table-row; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + <span>Some text.</span> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-table-row-between-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-table-row-between-002.xht new file mode 100644 index 0000000000..a5e069daac --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-table-row-between-002.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted table-row should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if there's a dynamically + inserted table-row between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span { display: table-row; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + var s = document.createElement("span"); + s.appendChild(document.createTextNode("Some text.")) + t.parentNode.insertBefore(s, t); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-table-row-between-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-table-row-between-003.xht new file mode 100644 index 0000000000..755b46351b --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-table-row-between-003.xht @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed table-row should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if a table-row is dynamically removed + from between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + span { display: table-row; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var r = document.getElementById("r"); + r.parentNode.removeChild(r); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <span id="r">Some text.</span> + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-text-between-001.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-text-between-001.xht new file mode 100644 index 0000000000..cdbd7acca0 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-text-between-001.xht @@ -0,0 +1,23 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - text should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="assert" + content="Tests that run-ins don't run in if there's text between them + and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + </head> + <body> + <div class="run-in">Run-in header</div> + Some text. + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-text-between-002.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-text-between-002.xht new file mode 100644 index 0000000000..545dee956e --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-text-between-002.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically inserted text should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if there's dynamically + inserted text between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + t.parentNode.insertBefore(document.createTextNode("Some text."), t); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-text-between-003.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-text-between-003.xht new file mode 100644 index 0000000000..66a4451d32 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-text-between-003.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically changed text should prevent running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-text-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins don't run in if there's dynamically + changed text between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + t.previousSibling.data = "Some text."; + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + <div id="target">Start of block. The run-in header should NOT be inside the border around this block; it should be on a line by itself before the line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-text-between-004.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-text-between-004.xht new file mode 100644 index 0000000000..9411b64819 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-text-between-004.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically removed text should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if text is dynamically removed from + between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + t.parentNode.removeChild(t.previousSibling); + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + Some text. + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-text-between-005.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-text-between-005.xht new file mode 100644 index 0000000000..e981b9e2d3 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-text-between-005.xht @@ -0,0 +1,39 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Run in - dynamically set to whitespace text should allow running in</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#run-in"/> + <link rel="match" href="run-in-basic-ref.xht"/> + <meta name="flags" content="dom" /> + <meta name="assert" + content="Tests that run-ins run in if text is dynamically set to + whitespace between them and the block."/> + <style type="text/css"><![CDATA[ + div { display: block; } + .run-in { display: run-in; font-weight: bold } + #target { border: 2px solid black; } + ]]></style> + <script type="text/javascript"><![CDATA[ + function flushLayout(elt) { + elt.offsetWidth; /* Just undefined on non-elements, but that's ok */ + for (var i = 0; i < elt.childNodes.length; ++i) { + flushLayout(elt.childNodes[i]); + } + } + window.onload = function() { + flushLayout(document.documentElement); + var t = document.getElementById("target"); + t.previousSibling.data = " "; + } + ]]></script> + </head> + <body> + <div class="run-in">Run-in header</div> + Some text. + <div id="target">Start of block. The run-in header should be inside the + border around this block and there should be no space between the word + "header" and the word "Start".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/run-in-text-ref.xht b/testing/web-platform/tests/css/css-display/run-in/run-in-text-ref.xht new file mode 100644 index 0000000000..88f4930b4a --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/run-in-text-ref.xht @@ -0,0 +1,19 @@ +<!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> + <title>CSS Reftest Reference</title> + <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"/> + <link rel="reviewer" title="Microsoft" href="http://www.microsoft.com/" /> + <style type="text/css"> + .run-in { font-weight: bold } + #target { border: 2px solid black; } + </style> + </head> + <body> + <div class="run-in">Run-in header</div> + <div>Some text.</div> + <div id="target">Start of block. The run-in header should NOT be inside + the border around this block; it should be on a line by itself before the + line containing "Some text".</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/support/black15x15.png b/testing/web-platform/tests/css/css-display/run-in/support/black15x15.png Binary files differnew file mode 100644 index 0000000000..b1bbef2cd5 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/support/black15x15.png diff --git a/testing/web-platform/tests/css/css-display/run-in/support/blue15x15.png b/testing/web-platform/tests/css/css-display/run-in/support/blue15x15.png Binary files differnew file mode 100644 index 0000000000..89de32fdb8 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/support/blue15x15.png diff --git a/testing/web-platform/tests/css/css-display/run-in/support/blue96x96.png b/testing/web-platform/tests/css/css-display/run-in/support/blue96x96.png Binary files differnew file mode 100644 index 0000000000..820f8cace2 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/support/blue96x96.png diff --git a/testing/web-platform/tests/css/css-display/run-in/support/green15x15.png b/testing/web-platform/tests/css/css-display/run-in/support/green15x15.png Binary files differnew file mode 100644 index 0000000000..51741584a0 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/support/green15x15.png diff --git a/testing/web-platform/tests/css/css-display/run-in/support/swatch-blue.png b/testing/web-platform/tests/css/css-display/run-in/support/swatch-blue.png Binary files differnew file mode 100644 index 0000000000..bf2759634d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/support/swatch-blue.png diff --git a/testing/web-platform/tests/css/css-display/run-in/table-anonymous-block-001.xht b/testing/web-platform/tests/css/css-display/run-in/table-anonymous-block-001.xht new file mode 100644 index 0000000000..c2e8b69549 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/table-anonymous-block-001.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> + <title>CSS Test: The anonymous block box around a table does not work with run-in interaction</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#model" /> + <meta name="assert" content="The anonymous block around a table does not behave like a block for 'run-in' interaction." /> + <style type="text/css"> + div + { + display: run-in; + } + table + { + background: black; + } + td + { + height: 100px; + width: 100px; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" is above the box.</p> + <div>Filler Text</div> + <table> + <tr> + <td></td> + </tr> + </table> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/table-layout-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/table-layout-applies-to-004.xht new file mode 100644 index 0000000000..f7da9e08dd --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/table-layout-applies-to-004.xht @@ -0,0 +1,59 @@ +<!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> + <title>CSS Test: Table-layout and 'display: run-in' elements</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#propdef-table-layout" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#width-layout" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="Table-layout does not apply to 'display: run-in' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #test + { + display: run-in; + table-layout: fixed; + width: 10em; + } + .colgroup + { + display: table-column-group; + width: 5em; + } + .tr + { + display: table-row; + } + .td + { + background: black; + display: table-cell; + font: 1em Ahem; + overflow: hidden; + padding: 0; + } + #reference + { + background: blue; + height: 2em; + width: 20em; + } + </style> + </head> + <body> + <p>Test passes if both bars below are the same width.</p> + <div id="test"> + <div class="colgroup"></div> + <div class="colgroup"></div> + <div class="tr"> + <div class="td">XXXXX</div> + <div class="td">XXXXX</div> + </div> + <div class="tr"> + <div class="td">XXXXXXXXX0</div> + <div class="td">XXXXXXXXX0</div> + </div> + </div> + <div id="reference"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/text-align-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/text-align-applies-to-004.xht new file mode 100644 index 0000000000..cb5fc309e5 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/text-align-applies-to-004.xht @@ -0,0 +1,22 @@ +<!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> + <title>CSS Test: Text-align application on a 'display: run-in' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#alignment-prop" /> + <meta name="assert" content="The 'text-align' property is applied ton 'display: run-in' elements." /> + <style type="text/css"> + div + { + border: solid; + display: run-in; + text-align: right; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below is aligned to the right side of the box.</p> + <div>Filler Text Filler Text Filler Text Filler Text</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/text-decoration-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/text-decoration-applies-to-004.xht new file mode 100644 index 0000000000..7efedf6ad9 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/text-decoration-applies-to-004.xht @@ -0,0 +1,22 @@ +<!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> + <title>CSS Test: Text-decoration application on a 'run-in' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#lining-striking-props" /> + <link rel="match" href="../../reference/pass_if_filler_text_underlined.html"/> + <meta name="assert" content="The 'text-decoration' property applies to a 'run-in' element." /> + <style type="text/css"> + div + { + display: run-in; + text-decoration: underline; + } + </style> + </head> + <body> + <p>Test passes if the "Filler Text" below has a line under it.</p> + <div>Filler Text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/text-indent-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/text-indent-applies-to-004.xht new file mode 100644 index 0000000000..a7bce70d29 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/text-indent-applies-to-004.xht @@ -0,0 +1,37 @@ +<!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> + <title>CSS Test: Text-indent application on a 'display: run-in' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-indent" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#indentation-prop" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'text-indent' property is applied to 'display: run-in' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + div div + { + display: run-in; + text-indent: 10em; + } + #div1 + { + background: blue; + height: 1em; + margin-left: 10em; + width: 5em; + } + </style> + </head> + <body> + <p>Test passes if the black box below is directly above the blue box. (Note that the two boxes do not need to be touching.)</p> + <div> + <div>XXXXX</div> + </div> + <div id="div1"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/text-transform-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/text-transform-applies-to-004.xht new file mode 100644 index 0000000000..8b5e2af0ca --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/text-transform-applies-to-004.xht @@ -0,0 +1,22 @@ +<!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> + <title>CSS Test: Text-transform application to 'display: run-in' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-text-transform" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#caps-prop" /> + <link rel="match" href="../../reference/pass_if_letter_uppercase.html" /> + <meta name="assert" content="The 'text-transform' property is applied to 'display: run-in' elements." /> + <style type="text/css"> + div + { + display: run-in; + text-transform: capitalize; + } + </style> + </head> + <body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p> + <div>filler text</div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/top-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/top-applies-to-011.xht new file mode 100644 index 0000000000..618b75e86d --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/top-applies-to-011.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> + <title>CSS Test: Top applied to element with 'display' set to run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-top" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#dis-pos-flo" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#position-props" /> + <meta name="assert" content="The 'top' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + background: green; + top: 0; + display: run-in; + height: 1in; + position: absolute; + width: 1in; + } + p + { + margin-top: 1.5in; + } + </style> + </head> + <body> + <p>Test passes if there is a box at the top of the page.</p> + <div></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/unicode-bidi-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/unicode-bidi-applies-to-011.xht new file mode 100644 index 0000000000..575de0e2a0 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/unicode-bidi-applies-to-011.xht @@ -0,0 +1,22 @@ +<!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> + <title>CSS Test: Unicode-bidi applied to element with 'display' set to run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#direction" /> + <meta name="assert" content="The 'unicode-bidi' property applies to elements with a display of run-in." /> + <style type="text/css"> + div + { + direction: rtl; + display: run-in; + unicode-bidi: bidi-override; + } + </style> + </head> + <body> + <p>Test passes if there are the words "PASS PASS" below.</p> + <div>SSAP SSAP</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/vertical-align-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/vertical-align-applies-to-011.xht new file mode 100644 index 0000000000..f27cc0693b --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/vertical-align-applies-to-011.xht @@ -0,0 +1,28 @@ +<!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> + <title>CSS Test: Vertical-align applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'vertical-align' property does not apply to elements with 'display' set to 'run-in'." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + background: orange; + color: blue; + display: run-in; + font: 20px/1em Ahem; + height: 1in; + vertical-align: bottom; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue box below is in the upper-left corner of the orange box.</p> + <div>X</div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/visibility-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/visibility-applies-to-011.xht new file mode 100644 index 0000000000..85a1aa8e3f --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/visibility-applies-to-011.xht @@ -0,0 +1,32 @@ +<!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> + <title>CSS Test: Visibility applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visufx.html#visibility" /> + <meta name="assert" content="The 'visibility' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + #div1 + { + background: red; + display: run-in; + height: 1in; + visibility: hidden; + width: 1in; + } + .box + { + background: black; + height: 1em; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is white space between the boxes below and there is no red visible on the page.</p> + <div class="box"></div> + <div id="div1"><div></div></div> + <div class="box"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/white-space-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/white-space-applies-to-004.xht new file mode 100644 index 0000000000..ce9820ff30 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/white-space-applies-to-004.xht @@ -0,0 +1,39 @@ +<!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> + <title>CSS Test: White-space application to 'display: run-in' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-white-space" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#white-space-prop" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'white-space' property applies to 'display: run-in' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + #div1 + { + display: run-in; + white-space: pre; + } + #div2, #div3 + { + background: black; + display: inline-block; + height: 1em; + width: 2em; + } + #div3 + { + margin-left: 3em; + } + </style> + </head> + <body> + <p>Test passes if there are only two boxes below.</p> + <div id="div1">XX XX</div> + <div id="div2"></div><div id="div3"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/width-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/width-applies-to-011.xht new file mode 100644 index 0000000000..fcf32f426b --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/width-applies-to-011.xht @@ -0,0 +1,24 @@ +<!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> + <title>CSS Test: Width applied to elements with 'display' set to 'run-in'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-width" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-width-property" /> + <link rel="match" href="../../reference/pass_if_square_96px_black.html"/> + <meta name="assert" content="The 'width' property applies to elements with 'display' set to 'run-in'." /> + <style type="text/css"> + div + { + background: black; + display: run-in; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is a square below.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/css-display/run-in/word-spacing-applies-to-004.xht b/testing/web-platform/tests/css/css-display/run-in/word-spacing-applies-to-004.xht new file mode 100644 index 0000000000..2996691015 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/word-spacing-applies-to-004.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> + <title>CSS Test: Word-spacing application to 'display: run-in' element</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#propdef-word-spacing" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/text.html#spacing-props" /> + <meta name="flags" content="ahem" /> + <meta name="assert" content="The 'word-spacing' property applies to 'display: run-in' elements." /> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + div + { + font: 16px/1em Ahem; + } + div div + { + display: run-in; + word-spacing: 10em; + } + #div1 + { + background: blue; + height: 1em; + width: 22em; + } + </style> + </head> + <body> + <p>Test passes if there are two black boxes below and the last black box ends when the blue box ends.</p> + <div> + <div>XXXXX XXXXXX</div> + </div> + <div id="div1"></div> + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/css-display/run-in/z-index-applies-to-011.xht b/testing/web-platform/tests/css/css-display/run-in/z-index-applies-to-011.xht new file mode 100644 index 0000000000..b8e02fae75 --- /dev/null +++ b/testing/web-platform/tests/css/css-display/run-in/z-index-applies-to-011.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> + <title>CSS Test: Z-index applied to element with 'display' set to run-in</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#propdef-z-index" /> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#z-index" /> + <meta name="assert" content="The 'z-index' property applies to elements with a display of run-in." /> + <style type="text/css"> + #div2 + { + background: green; + display: run-in; + z-index: 1; + } + #zindex + { + background: red; + top: -1in; + } + #div2, #zindex + { + height: 1in; + position: relative; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if there is no red visible on the page.</p> + <div> + <div id="div2"><div></div></div> + <div id="zindex"></div> + </div> + </body> +</html>
\ No newline at end of file |
