Update CSS tests to revision e102a993c37a2e0ebd549bc7d5548b006458ab34

This commit is contained in:
Ms2ger 2015-11-23 13:14:18 +01:00
parent 037cac7353
commit a00f2d6310
479 changed files with 13629 additions and 1611 deletions

View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Regions: named flow content has contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@ -35,8 +36,8 @@
<ol>
<li>Below you should see a square with a black border with some text inside it. No red
should be visible at any time during this test.</li>
<li>Click between the two colored markers (green and blue) and type “<strong>foobar
bazquux</strong></li>
<li>Click between the two colored markers (green and blue) and type “<strong>foobar
bazquux</strong></li>
<li>Test passes if the text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border.</li>
</ol>
@ -53,4 +54,5 @@
insertText("#marked", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Regions: named flow content has a child with contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@ -36,13 +37,13 @@
<ol>
<li>Below you should see a square with a black border with some text inside it. No red
should be visible at any time during this test.</li>
<li>Click between the two gray markers and type “<strong>foobar bazquux</strong>
<li>Click between the two gray markers and type “<strong>foobar bazquux</strong>
<ul>
<li>No (new) text should appear between the gray markers</li>
</ul>
</li>
<li>Click between the two colored markers (green and blue) and type “<strong>foobar
bazquux</strong>
<li>Click between the two colored markers (green and blue) and type “<strong>foobar
bazquux</strong>
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
@ -68,4 +69,5 @@
insertText("#marked-active", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Regions: named flow content is child of an element that has contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@ -45,14 +46,14 @@
it a rectangle with a black border with some text inside it. No red should be visible
at any time during this test.</li>
<li>Click between the two colored markers (green and blue) inside the blue rectangle and
type “<strong>foobar bazquux</strong>
type “<strong>foobar bazquux</strong>
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the blue border</li>
</ul>
</li>
<li>Click between the two colored markers (green and blue) inside the black rectangle and
type “<strong>foobar bazquux</strong>
type “<strong>foobar bazquux</strong>
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
@ -81,4 +82,5 @@
insertText("#marked-in", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Regions: element has contentEditable attribute set and both it and a child of it are
flowed in a the same region</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
@ -40,14 +41,14 @@
<li>Below you should see a rectangle with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the first pair of green and blue colored markers and type
<strong>foobar bazquux</strong>
<strong>foobar bazquux</strong>
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
</ul>
</li>
<li>Click between the second pair of green and blue colored markers and type
<strong>foobar bazquux</strong>
<strong>foobar bazquux</strong>
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
@ -75,4 +76,5 @@
insertText("#marked-child", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Regions: named flow content has contentEditable attribute set and is fragmented</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@ -39,14 +40,14 @@
<li>Below you should see a rectangle with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the first pair of green and blue colored markers and type
<strong>foobar bazquux</strong>
<strong>foobar bazquux</strong>
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
</ul>
</li>
<li>Click between the second pair of green and blue colored markers and type
<strong>foobar bazquux</strong>
<strong>foobar bazquux</strong>
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
@ -73,4 +74,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Regions: named flow content has contentEditable attribute set and is flowed in an
auto-height region</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
@ -42,14 +43,14 @@
<li>Below you should see a rectangle with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the first pair of green and blue colored markers and type
<strong>foobar bazquux</strong>
<strong>foobar bazquux</strong>
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
</ul>
</li>
<li>Click between the second pair of green and blue colored markers and type
<strong>foobar bazquux</strong>
<strong>foobar bazquux</strong>
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
@ -73,4 +74,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Regions: named flow content has contentEditable attribute set and children of it get
flowed in a region dynamically</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
@ -42,13 +43,13 @@
The blue rectangle should have one block of text inside it and the black rectangle
should have two blocks of text inside it. No red should be visible at any time during
this test.</li>
<li>Double click on the word “editable” in the blue rectangle and type
“foobar bazquux”.
<li>Double click on the word “editable” in the blue rectangle and type
“foobar bazquux”.
<ul>
<li>The word “editable” should be replaced with “foobar bazquux”.</li>
<li>The word “editable” should be replaced with “foobar bazquux”.</li>
</ul>
</li>
<li>Repeat the steps above, but for the two occurrences of the word “editable”
<li>Repeat the steps above, but for the two occurrences of the word “editable”
in the black rectangle. The expected results are the same as for the previous step.
</li>
</ol>
@ -83,4 +84,5 @@
})
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Regions: region element has contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@ -38,8 +39,8 @@
<ol>
<li>Below you should see a square with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>
<ul>
<li>The text should not be editable.</li>
</ul>
@ -61,4 +62,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Regions: region element has child with contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@ -38,8 +39,8 @@
<ol>
<li>Below you should see a square with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>
<ul>
<li>The text should not be editable.</li>
</ul>
@ -62,4 +63,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Regions: auto-size region with contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@ -36,8 +37,8 @@
<ol>
<li>Below you should see a rectangle with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>
<ul>
<li>The text should not be editable.</li>
</ul>
@ -60,4 +61,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Regions: both named flow content and region element have contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@ -39,10 +40,10 @@
<ol>
<li>Below you should see a square with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Double click the “<strong>editable</strong>” word between the green and
blue colored markers and type “<strong>foobar bazquux</strong>
<li>Double click the “<strong>editable</strong>” word between the green and
blue colored markers and type “<strong>foobar bazquux</strong>
<ul>
<li>The word “editable” should be replaced with “foobar bazquux”.</li>
<li>The word “editable” should be replaced with “foobar bazquux”.</li>
</ul>
</li>
</ol>
@ -62,4 +63,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>CSS Regions: regions are children of an element with the contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan">
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
@ -48,12 +49,12 @@
<li>No red should be visible at any time during this test.</li>
<li>Below you should see a rectangle with a black border.</li>
<li>Inside the rectangle you should see a green square with a black border, between two
“+” signs on blue background.</li>
<li>Click and drag from one “+” to the other and copy the selection either
“+” signs on blue background.</li>
<li>Click and drag from one “+” to the other and copy the selection either
via keyboard shortcut (usually <code>Ctrl+C</code> on Windows and Linux
and <code>Cmd+C</code> on Mac OS) or menu/context menu.</li>
<li>
Click after the last “+” sign and paste the previously selected content
Click after the last “+” sign and paste the previously selected content
either via keyboard shortcut (usually <code>Ctrl+V</code> on Windows and Linux and
<code>Cmd+V</code> on Mac OS) or menu/context menu.
<ul>
@ -77,4 +78,5 @@
<script src="support/helpers.js"></script>
</body></html>

View file

@ -53,30 +53,30 @@ html/content-node-layers-004.htm 7ec669bb16c4aa15b34494afbcf69c73bb8a1e58 ?
xhtml1/content-node-layers-004.xht 7ec669bb16c4aa15b34494afbcf69c73bb8a1e58 ?
html/content-node-layers-005.htm 3af813d9d2f2d7fa8854731b580baf5017822243 ?
xhtml1/content-node-layers-005.xht 3af813d9d2f2d7fa8854731b580baf5017822243 ?
html/contenteditable-001.htm 80d09bca81ff314fc2eb514bb194fd98b33a5fb4 ?
xhtml1/contenteditable-001.xht 80d09bca81ff314fc2eb514bb194fd98b33a5fb4 ?
html/contenteditable-002.htm 1f08aff3fa492bae6aa61bb9092cc8530a833ae9 ?
xhtml1/contenteditable-002.xht 1f08aff3fa492bae6aa61bb9092cc8530a833ae9 ?
html/contenteditable-003.htm e07e346f7d2d1219fb30b8bbea541e07d67a02d9 ?
xhtml1/contenteditable-003.xht e07e346f7d2d1219fb30b8bbea541e07d67a02d9 ?
html/contenteditable-004.htm 7705ca11671938413b89a08614aad2f4d1fe1d9a ?
xhtml1/contenteditable-004.xht 7705ca11671938413b89a08614aad2f4d1fe1d9a ?
html/contenteditable-005.htm a5cf536956497b6b6decc93f4154f3b886268013 ?
xhtml1/contenteditable-005.xht a5cf536956497b6b6decc93f4154f3b886268013 ?
html/contenteditable-006.htm 05dfffa184fa3b9fed8472bb0a8c26e6447f830b ?
xhtml1/contenteditable-006.xht 05dfffa184fa3b9fed8472bb0a8c26e6447f830b ?
html/contenteditable-007.htm 750b1447b802c1b2ba0da7225cb0eaf681dc2a48 ?
xhtml1/contenteditable-007.xht 750b1447b802c1b2ba0da7225cb0eaf681dc2a48 ?
html/contenteditable-008.htm dd5025106fe7d80b8dae2cf824a3a9848c530527 ?
xhtml1/contenteditable-008.xht dd5025106fe7d80b8dae2cf824a3a9848c530527 ?
html/contenteditable-009.htm 747467e7bead28a41dfaab043590f864ba888704 ?
xhtml1/contenteditable-009.xht 747467e7bead28a41dfaab043590f864ba888704 ?
html/contenteditable-010.htm adedecc9ec6eb057525a384340a490e6ccc30c1c ?
xhtml1/contenteditable-010.xht adedecc9ec6eb057525a384340a490e6ccc30c1c ?
html/contenteditable-011.htm dbb41ae033ed308fc6d6594445c7708bb20ee805 ?
xhtml1/contenteditable-011.xht dbb41ae033ed308fc6d6594445c7708bb20ee805 ?
html/contenteditable-012.htm ee24f955dcd571da390937136882fbf6ea77c3ce ?
xhtml1/contenteditable-012.xht ee24f955dcd571da390937136882fbf6ea77c3ce ?
html/contenteditable-001.htm 64e6147767bb277555fc7eecc1ab63be90f070bc ?
xhtml1/contenteditable-001.xht 64e6147767bb277555fc7eecc1ab63be90f070bc ?
html/contenteditable-002.htm ed443ab1960fa000bb0585813547013e9967e18c ?
xhtml1/contenteditable-002.xht ed443ab1960fa000bb0585813547013e9967e18c ?
html/contenteditable-003.htm ccf0d7104cca76681840d6dda30da3a109651357 ?
xhtml1/contenteditable-003.xht ccf0d7104cca76681840d6dda30da3a109651357 ?
html/contenteditable-004.htm 5be705d9ee34c4d3b659867aa63f8764805f53f2 ?
xhtml1/contenteditable-004.xht 5be705d9ee34c4d3b659867aa63f8764805f53f2 ?
html/contenteditable-005.htm b88ee71dd61a955ddb476d6594a9477762386f9c ?
xhtml1/contenteditable-005.xht b88ee71dd61a955ddb476d6594a9477762386f9c ?
html/contenteditable-006.htm 681dfa1f2703a3e34771738792130df945747155 ?
xhtml1/contenteditable-006.xht 681dfa1f2703a3e34771738792130df945747155 ?
html/contenteditable-007.htm 34991725c5fb4320b971adcb819e478b3a5e8862 ?
xhtml1/contenteditable-007.xht 34991725c5fb4320b971adcb819e478b3a5e8862 ?
html/contenteditable-008.htm 8dd4ab128ebffbfae030b6f34325ddf3e43f6423 ?
xhtml1/contenteditable-008.xht 8dd4ab128ebffbfae030b6f34325ddf3e43f6423 ?
html/contenteditable-009.htm d2c1b085901057791b0a54757273fc4fc2e95d17 ?
xhtml1/contenteditable-009.xht d2c1b085901057791b0a54757273fc4fc2e95d17 ?
html/contenteditable-010.htm 52d1bdff70f7f326fc82244f7685c6e65da01fe9 ?
xhtml1/contenteditable-010.xht 52d1bdff70f7f326fc82244f7685c6e65da01fe9 ?
html/contenteditable-011.htm 568443662331f4452afd5f048bea7f61be07d112 ?
xhtml1/contenteditable-011.xht 568443662331f4452afd5f048bea7f61be07d112 ?
html/contenteditable-012.htm a4961c1c7995932afe69128d1c949ecd45713092 ?
xhtml1/contenteditable-012.xht a4961c1c7995932afe69128d1c949ecd45713092 ?
html/css-cursor-001.htm 9385714463bef8d95d03142b6799df42bdffb04e ?
xhtml1/css-cursor-001.xht 9385714463bef8d95d03142b6799df42bdffb04e ?
html/css-cursor-002.htm f83131bbfcbddf24daf7160bc4a6de866fb2c22f ?

View file

@ -24,18 +24,18 @@ content-node-layers-002 reference/content-node-layers-002-ref flowing content wi
content-node-layers-003 reference/content-node-layers-003-ref flowing content that's relatively positioned and get fragmented ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from fdccf565d85bbb4a8f6da6468ba9542447b56ff7 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that content that's relatively positioned gets properly fragmented between regions.
content-node-layers-004 reference/content-node-layers-004-ref flowing content with opacity < 1 and opacity = 1 in region ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from 7ec669bb16c4aa15b34494afbcf69c73bb8a1e58 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that content nodes with mixed opacity < 1 and opacity = 1 is correctly flowed into regions. This might fail on implementations that use layers for compositing but don't properly handle content flowing.
content-node-layers-005 reference/content-node-layers-005-ref flowing content with position: absolute and clip ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from 3af813d9d2f2d7fa8854731b580baf5017822243 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that absolutely positioned content that has the clip property applied is correctly flowed into regions. This might fail on implementations that use layers for compositing but don't properly handle content flowing or the clipping shapes.
contentEditable-001 reference/contentEditable-001-ref CSS Regions: named flow content has contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 80d09bca81ff314fc2eb514bb194fd98b33a5fb4 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, such elements should be editable just as they are outside of the region.
contentEditable-002 reference/contentEditable-002-ref CSS Regions: named flow content has a child with contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 1f08aff3fa492bae6aa61bb9092cc8530a833ae9 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, such elements should be editable just as they are outside of the region, even if they are not the only elements in the named flow.
contentEditable-003 reference/contentEditable-003-ref CSS Regions: named flow content is child of an element that has contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable e07e346f7d2d1219fb30b8bbea541e07d67a02d9 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on the parent of an element that gets flowed in a region does not affect its rendering in the regions. Also, the element should be editable outside and inside the region without differences.
contentEditable-004 reference/contentEditable-004-ref CSS Regions: element has contentEditable attribute set and both it and a child of it are flowed in a the same region dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 7705ca11671938413b89a08614aad2f4d1fe1d9a `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that flowing both and element and one of its children in a region, when said element has the contentEditable attribute set does not affect their rendering in the regions and the ability to edit it.
contentEditable-005 reference/contentEditable-005-ref CSS Regions: named flow content has contentEditable attribute set and is fragmented dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable a5cf536956497b6b6decc93f4154f3b886268013 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering and the ability to edit them even when they get fragmented in multiple regions.
contentEditable-006 reference/contentEditable-006-ref CSS Regions: named flow content has contentEditable attribute set and is flowed in an auto-height region dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 05dfffa184fa3b9fed8472bb0a8c26e6447f830b `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, if the region uses height:auto, the size of the region should change as the content flowed in it is edited.
contentEditable-007 reference/contentEditable-007-ref CSS Regions: named flow content has contentEditable attribute set and children of it get flowed in a region dynamically dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 750b1447b802c1b2ba0da7225cb0eaf681dc2a48 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on an element does not interfere with its children being dinamically flowed into a region.
contentEditable-008 reference/contentEditable-008-ref CSS Regions: region element has contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable dd5025106fe7d80b8dae2cf824a3a9848c530527 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on a region (an element that has flow-from set) does not prevent the element to becoming a region, nor does attempting to interactively edit it produces unexpected results.
contentEditable-009 reference/contentEditable-008-ref CSS Regions: region element has child with contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 747467e7bead28a41dfaab043590f864ba888704 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on a child of a region (an element that has flow-from set) does not prevent the parent element to becoming a region, nor does attempting to interactively edit it produces unexpected results.
contentEditable-010 reference/contentEditable-010-ref CSS Regions: auto-size region with contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable adedecc9ec6eb057525a384340a490e6ccc30c1c `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on an auto-sized region (an element that has flow-from set) does not prevent it to becoming a region, nor does attempting to interactively edit it produces unexpected results.
contentEditable-011 reference/contentEditable-011-ref CSS Regions: both named flow content and region element have contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable dbb41ae033ed308fc6d6594445c7708bb20ee805 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on both named flow content (an element that has flow-into set) and the region (an element that has flow-from set) does not prevent the region to properly flowing the content, while the content stays editable and no unexpected interactions happen.
contentEditable-012 CSS Regions: regions are children of an element with the contentEditable attribute set ahem,dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable ee24f955dcd571da390937136882fbf6ea77c3ce `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that children of an element that has the contentEditable attribute can be used for flowing content into and interactively duplicating the regions (via user-initiated copy/paste) properly flows the content in the newly created regions. Properly executing this test requires an user agent that supports copy/paste operations.
contentEditable-001 reference/contentEditable-001-ref CSS Regions: named flow content has contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 64e6147767bb277555fc7eecc1ab63be90f070bc `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, such elements should be editable just as they are outside of the region.
contentEditable-002 reference/contentEditable-002-ref CSS Regions: named flow content has a child with contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable ed443ab1960fa000bb0585813547013e9967e18c `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, such elements should be editable just as they are outside of the region, even if they are not the only elements in the named flow.
contentEditable-003 reference/contentEditable-003-ref CSS Regions: named flow content is child of an element that has contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable ccf0d7104cca76681840d6dda30da3a109651357 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on the parent of an element that gets flowed in a region does not affect its rendering in the regions. Also, the element should be editable outside and inside the region without differences.
contentEditable-004 reference/contentEditable-004-ref CSS Regions: element has contentEditable attribute set and both it and a child of it are flowed in a the same region dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 5be705d9ee34c4d3b659867aa63f8764805f53f2 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that flowing both and element and one of its children in a region, when said element has the contentEditable attribute set does not affect their rendering in the regions and the ability to edit it.
contentEditable-005 reference/contentEditable-005-ref CSS Regions: named flow content has contentEditable attribute set and is fragmented dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable b88ee71dd61a955ddb476d6594a9477762386f9c `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering and the ability to edit them even when they get fragmented in multiple regions.
contentEditable-006 reference/contentEditable-006-ref CSS Regions: named flow content has contentEditable attribute set and is flowed in an auto-height region dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 681dfa1f2703a3e34771738792130df945747155 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, if the region uses height:auto, the size of the region should change as the content flowed in it is edited.
contentEditable-007 reference/contentEditable-007-ref CSS Regions: named flow content has contentEditable attribute set and children of it get flowed in a region dynamically dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 34991725c5fb4320b971adcb819e478b3a5e8862 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on an element does not interfere with its children being dinamically flowed into a region.
contentEditable-008 reference/contentEditable-008-ref CSS Regions: region element has contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 8dd4ab128ebffbfae030b6f34325ddf3e43f6423 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on a region (an element that has flow-from set) does not prevent the element to becoming a region, nor does attempting to interactively edit it produces unexpected results.
contentEditable-009 reference/contentEditable-008-ref CSS Regions: region element has child with contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable d2c1b085901057791b0a54757273fc4fc2e95d17 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on a child of a region (an element that has flow-from set) does not prevent the parent element to becoming a region, nor does attempting to interactively edit it produces unexpected results.
contentEditable-010 reference/contentEditable-010-ref CSS Regions: auto-size region with contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 52d1bdff70f7f326fc82244f7685c6e65da01fe9 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on an auto-sized region (an element that has flow-from set) does not prevent it to becoming a region, nor does attempting to interactively edit it produces unexpected results.
contentEditable-011 reference/contentEditable-011-ref CSS Regions: both named flow content and region element have contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 568443662331f4452afd5f048bea7f61be07d112 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on both named flow content (an element that has flow-into set) and the region (an element that has flow-from set) does not prevent the region to properly flowing the content, while the content stays editable and no unexpected interactions happen.
contentEditable-012 CSS Regions: regions are children of an element with the contentEditable attribute set ahem,dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable a4961c1c7995932afe69128d1c949ecd45713092 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that children of an element that has the contentEditable attribute can be used for flowing content into and interactively duplicating the regions (via user-initiated copy/paste) properly flows the content in the newly created regions. Properly executing this test requires an user agent that supports copy/paste operations.
css-cursor-001 CSS Regions: CSS cursor on content node ahem,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from 9385714463bef8d95d03142b6799df42bdffb04e `Mihai Balan`<mailto:mibalan@adobe.com> CSS cursors are properly displayed for content flowed into regions.
css-cursor-002 CSS Regions: CSS cursor on region ahem,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from f83131bbfcbddf24daf7160bc4a6de866fb2c22f `Mihai Balan`<mailto:mibalan@adobe.com> CSS cursors are properly displayed even when an element is turned into a region
css-hover-on-content-001 CSS Regions: :hover on content nodes interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from e628f826bdd9b04390f4ae138650e7ab22aaae75 `Mihai Balan`<mailto:mibalan@adobe.com> CSS rules using the :hover pseudo class are applied to content nodes

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: named flow content has contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -35,8 +36,8 @@
<ol>
<li>Below you should see a square with a black border with some text inside it. No red
should be visible at any time during this test.</li>
<li>Click between the two colored markers (green and blue) and type “<strong>foobar
bazquux</strong>”</li>
<li>Click between the two colored markers (green and blue) and type “<strong>foobar
bazquux</strong>”</li>
<li>Test passes if the text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border.</li>
</ol>
@ -53,4 +54,5 @@
insertText("#marked", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: named flow content has a child with contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -36,13 +37,13 @@
<ol>
<li>Below you should see a square with a black border with some text inside it. No red
should be visible at any time during this test.</li>
<li>Click between the two gray markers and type “<strong>foobar bazquux</strong>”
<li>Click between the two gray markers and type “<strong>foobar bazquux</strong>”
<ul>
<li>No (new) text should appear between the gray markers</li>
</ul>
</li>
<li>Click between the two colored markers (green and blue) and type “<strong>foobar
bazquux</strong>”
<li>Click between the two colored markers (green and blue) and type “<strong>foobar
bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
@ -68,4 +69,5 @@
insertText("#marked-active", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: named flow content is child of an element that has contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -45,14 +46,14 @@
it a rectangle with a black border with some text inside it. No red should be visible
at any time during this test.</li>
<li>Click between the two colored markers (green and blue) inside the blue rectangle and
type “<strong>foobar bazquux</strong>”
type “<strong>foobar bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the blue border</li>
</ul>
</li>
<li>Click between the two colored markers (green and blue) inside the black rectangle and
type “<strong>foobar bazquux</strong>”
type “<strong>foobar bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
@ -81,4 +82,5 @@
insertText("#marked-in", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: element has contentEditable attribute set and both it and a child of it are
flowed in a the same region</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
@ -40,14 +41,14 @@
<li>Below you should see a rectangle with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the first pair of green and blue colored markers and type
“<strong>foobar bazquux</strong>”
“<strong>foobar bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
</ul>
</li>
<li>Click between the second pair of green and blue colored markers and type
“<strong>foobar bazquux</strong>”
“<strong>foobar bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
@ -75,4 +76,5 @@
insertText("#marked-child", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: named flow content has contentEditable attribute set and is fragmented</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -39,14 +40,14 @@
<li>Below you should see a rectangle with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the first pair of green and blue colored markers and type
“<strong>foobar bazquux</strong>”
“<strong>foobar bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
</ul>
</li>
<li>Click between the second pair of green and blue colored markers and type
“<strong>foobar bazquux</strong>”
“<strong>foobar bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
@ -73,4 +74,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: named flow content has contentEditable attribute set and is flowed in an
auto-height region</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
@ -42,14 +43,14 @@
<li>Below you should see a rectangle with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the first pair of green and blue colored markers and type
“<strong>foobar bazquux</strong>”
“<strong>foobar bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
</ul>
</li>
<li>Click between the second pair of green and blue colored markers and type
“<strong>foobar bazquux</strong>”
“<strong>foobar bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
@ -73,4 +74,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: named flow content has contentEditable attribute set and children of it get
flowed in a region dynamically</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
@ -42,13 +43,13 @@
The blue rectangle should have one block of text inside it and the black rectangle
should have two blocks of text inside it. No red should be visible at any time during
this test.</li>
<li>Double click on the word “editable” in the blue rectangle and type
“foobar bazquux”.
<li>Double click on the word “editable” in the blue rectangle and type
“foobar bazquux”.
<ul>
<li>The word “editable” should be replaced with “foobar bazquux”.</li>
<li>The word “editable” should be replaced with “foobar bazquux”.</li>
</ul>
</li>
<li>Repeat the steps above, but for the two occurrences of the word “editable”
<li>Repeat the steps above, but for the two occurrences of the word “editable”
in the black rectangle. The expected results are the same as for the previous step.
</li>
</ol>
@ -83,4 +84,5 @@
})
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: region element has contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -38,8 +39,8 @@
<ol>
<li>Below you should see a square with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>”
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>”
<ul>
<li>The text should not be editable.</li>
</ul>
@ -61,4 +62,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: region element has child with contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -38,8 +39,8 @@
<ol>
<li>Below you should see a square with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>”
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>”
<ul>
<li>The text should not be editable.</li>
</ul>
@ -62,4 +63,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: auto-size region with contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -36,8 +37,8 @@
<ol>
<li>Below you should see a rectangle with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>”
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>”
<ul>
<li>The text should not be editable.</li>
</ul>
@ -60,4 +61,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: both named flow content and region element have contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -39,10 +40,10 @@
<ol>
<li>Below you should see a square with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Double click the “<strong>editable</strong>” word between the green and
blue colored markers and type “<strong>foobar bazquux</strong>”
<li>Double click the “<strong>editable</strong>” word between the green and
blue colored markers and type “<strong>foobar bazquux</strong>”
<ul>
<li>The word “editable” should be replaced with “foobar bazquux”.</li>
<li>The word “editable” should be replaced with “foobar bazquux”.</li>
</ul>
</li>
</ol>
@ -62,4 +63,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: regions are children of an element with the contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -48,12 +49,12 @@
<li>No red should be visible at any time during this test.</li>
<li>Below you should see a rectangle with a black border.</li>
<li>Inside the rectangle you should see a green square with a black border, between two
“+” signs on blue background.</li>
<li>Click and drag from one “+” to the other and copy the selection either
“+” signs on blue background.</li>
<li>Click and drag from one “+” to the other and copy the selection either
via keyboard shortcut (usually <code>Ctrl+C</code> on Windows and Linux
and <code>Cmd+C</code> on Mac OS) or menu/context menu.</li>
<li>
Click after the last “+” sign and paste the previously selected content
Click after the last “+” sign and paste the previously selected content
either via keyboard shortcut (usually <code>Ctrl+V</code> on Windows and Linux and
<code>Cmd+V</code> on Mac OS) or menu/context menu.
<ul>
@ -77,4 +78,5 @@
<script src="support/helpers.js"></script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: named flow content has contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -35,8 +36,8 @@
<ol>
<li>Below you should see a square with a black border with some text inside it. No red
should be visible at any time during this test.</li>
<li>Click between the two colored markers (green and blue) and type “<strong>foobar
bazquux</strong>”</li>
<li>Click between the two colored markers (green and blue) and type “<strong>foobar
bazquux</strong>”</li>
<li>Test passes if the text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border.</li>
</ol>
@ -53,4 +54,5 @@
insertText("#marked", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: named flow content has a child with contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -36,13 +37,13 @@
<ol>
<li>Below you should see a square with a black border with some text inside it. No red
should be visible at any time during this test.</li>
<li>Click between the two gray markers and type “<strong>foobar bazquux</strong>”
<li>Click between the two gray markers and type “<strong>foobar bazquux</strong>”
<ul>
<li>No (new) text should appear between the gray markers</li>
</ul>
</li>
<li>Click between the two colored markers (green and blue) and type “<strong>foobar
bazquux</strong>”
<li>Click between the two colored markers (green and blue) and type “<strong>foobar
bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
@ -68,4 +69,5 @@
insertText("#marked-active", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: named flow content is child of an element that has contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -45,14 +46,14 @@
it a rectangle with a black border with some text inside it. No red should be visible
at any time during this test.</li>
<li>Click between the two colored markers (green and blue) inside the blue rectangle and
type “<strong>foobar bazquux</strong>”
type “<strong>foobar bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the blue border</li>
</ul>
</li>
<li>Click between the two colored markers (green and blue) inside the black rectangle and
type “<strong>foobar bazquux</strong>”
type “<strong>foobar bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
@ -81,4 +82,5 @@
insertText("#marked-in", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: element has contentEditable attribute set and both it and a child of it are
flowed in a the same region</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
@ -40,14 +41,14 @@
<li>Below you should see a rectangle with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the first pair of green and blue colored markers and type
“<strong>foobar bazquux</strong>”
“<strong>foobar bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
</ul>
</li>
<li>Click between the second pair of green and blue colored markers and type
“<strong>foobar bazquux</strong>”
“<strong>foobar bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
@ -75,4 +76,5 @@
insertText("#marked-child", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: named flow content has contentEditable attribute set and is fragmented</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -39,14 +40,14 @@
<li>Below you should see a rectangle with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the first pair of green and blue colored markers and type
“<strong>foobar bazquux</strong>”
“<strong>foobar bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
</ul>
</li>
<li>Click between the second pair of green and blue colored markers and type
“<strong>foobar bazquux</strong>”
“<strong>foobar bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
@ -73,4 +74,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: named flow content has contentEditable attribute set and is flowed in an
auto-height region</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
@ -42,14 +43,14 @@
<li>Below you should see a rectangle with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the first pair of green and blue colored markers and type
“<strong>foobar bazquux</strong>”
“<strong>foobar bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
</ul>
</li>
<li>Click between the second pair of green and blue colored markers and type
“<strong>foobar bazquux</strong>”
“<strong>foobar bazquux</strong>”
<ul>
<li>The text you typed is displayed at the cursor position between the
two markers and the lines of text wrap inside the black border</li>
@ -73,4 +74,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: named flow content has contentEditable attribute set and children of it get
flowed in a region dynamically</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
@ -42,13 +43,13 @@
The blue rectangle should have one block of text inside it and the black rectangle
should have two blocks of text inside it. No red should be visible at any time during
this test.</li>
<li>Double click on the word “editable” in the blue rectangle and type
“foobar bazquux”.
<li>Double click on the word “editable” in the blue rectangle and type
“foobar bazquux”.
<ul>
<li>The word “editable” should be replaced with “foobar bazquux”.</li>
<li>The word “editable” should be replaced with “foobar bazquux”.</li>
</ul>
</li>
<li>Repeat the steps above, but for the two occurrences of the word “editable”
<li>Repeat the steps above, but for the two occurrences of the word “editable”
in the black rectangle. The expected results are the same as for the previous step.
</li>
</ol>
@ -83,4 +84,5 @@
})
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: region element has contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -38,8 +39,8 @@
<ol>
<li>Below you should see a square with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>”
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>”
<ul>
<li>The text should not be editable.</li>
</ul>
@ -61,4 +62,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: region element has child with contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -38,8 +39,8 @@
<ol>
<li>Below you should see a square with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>”
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>”
<ul>
<li>The text should not be editable.</li>
</ul>
@ -62,4 +63,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: auto-size region with contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -36,8 +37,8 @@
<ol>
<li>Below you should see a rectangle with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>”
<li>Click between the green and blue colored markers and type “<strong>foobar
bazquux</strong>”
<ul>
<li>The text should not be editable.</li>
</ul>
@ -60,4 +61,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: both named flow content and region element have contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -39,10 +40,10 @@
<ol>
<li>Below you should see a square with a black border with some text inside it. No
red should be visible at any time during this test.</li>
<li>Double click the “<strong>editable</strong>” word between the green and
blue colored markers and type “<strong>foobar bazquux</strong>”
<li>Double click the “<strong>editable</strong>” word between the green and
blue colored markers and type “<strong>foobar bazquux</strong>”
<ul>
<li>The word “editable” should be replaced with “foobar bazquux”.</li>
<li>The word “editable” should be replaced with “foobar bazquux”.</li>
</ul>
</li>
</ol>
@ -62,4 +63,5 @@
insertText("#marked-two", "foobar bazquux");
</script>
</body></html>

View file

@ -1,5 +1,6 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Regions: regions are children of an element with the contentEditable attribute set</title>
<link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" />
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" />
@ -48,12 +49,12 @@
<li>No red should be visible at any time during this test.</li>
<li>Below you should see a rectangle with a black border.</li>
<li>Inside the rectangle you should see a green square with a black border, between two
“+” signs on blue background.</li>
<li>Click and drag from one “+” to the other and copy the selection either
“+” signs on blue background.</li>
<li>Click and drag from one “+” to the other and copy the selection either
via keyboard shortcut (usually <code>Ctrl+C</code> on Windows and Linux
and <code>Cmd+C</code> on Mac OS) or menu/context menu.</li>
<li>
Click after the last “+” sign and paste the previously selected content
Click after the last “+” sign and paste the previously selected content
either via keyboard shortcut (usually <code>Ctrl+V</code> on Windows and Linux and
<code>Cmd+V</code> on Mac OS) or menu/context menu.
<ul>
@ -77,4 +78,5 @@
<script src="support/helpers.js"></script>
</body></html>