Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 22:15:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

Browse source
This commit is contained in:
James Graham 2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

86
tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-007.htm Normal file
View file

@ -0,0 +1,86 @@
<!DOCTYPE html>
<html><head>
<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">
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
<link href="http://www.w3.org/TR/css3-regions/#the-flow-from-property" rel="help">
<link href="http://www.w3.org/TR/html5/editing.html#contenteditable" rel="help">
<meta content="dom interact" name="flags">
<meta content="Test checks that setting the contentEditable attribute on
an element does not interfere with its children being dinamically flowed into a region." name="assert">
<link href="reference/contentEditable-007-ref.htm" rel="match">
<link href="support/common.css" rel="stylesheet">
<style>
#editable {
font-family: Times, serif;
font-size: 20px;
line-height: 1em;
width: 300px;
border: 2px solid blue;
}
.content {
flow-into: flow;
}
.region {
flow-from: flow;
width: 300px;
height: 200px;
border: 2px solid black;
margin: .5em 0 .5em 0;
}
.region > p {
background-color: red;
width: 100%;
height: 50%;
}
</style>
</head>
<body>
<ol>
<li>Below you should see a rectangle with a blue border and a rectangle with a black border.
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”.
<ul>
<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”
in the black rectangle. The expected results are the same as for the previous step.
</li>
</ol>
<div contenteditable="true" id="editable">
<p>
This text should be displayed outside of the black border and <span id="marked-outside">editable</span>.
</p>
<p class="content">
This text should be displayed inside the black border and it should also be <span id="marked-inside">editable</span>.
</p>
</div>
<div class="region">
<p>&nbsp;</p>
</div>
<script src="support/helpers.js" type="text/javascript"></script>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
var newElem = document.createElement("p");
newElem.classList.add("content");
newElem.innerHTML = "This text should also be displayed inside the black border and <span id='marked-inside-new'>editable</span>.";
document.querySelector("#editable").appendChild(newElem);
document.body.offsetTop;
insertText("#marked-outside", "foobar bazquux");
insertText("#marked-inside", "foobar bazquux");
insertText("#marked-inside-new", "foobar bazquux");
})
</script>
</body></html>