mirror of
https://github.com/servo/servo.git
synced 2025-08-04 05:00:08 +01:00
Auto merge of #12576 - simartin:issue_12421, r=jdm
Issue #12421: tidy should also check .html files ./mach test-tidy should also check .html files, to avoid patches containing badly formatted new test cases go unnoticed --- - [X] `./mach build -d` does not report any errors - [X] `./mach test-tidy` does not report any errors - [X] These changes fix #12421 - [X] There are tests for these changes (./mach test-tidy failed without the changes to .hrml files) <!-- Reviewable:start --> --- This change is [<img src="https://reviewable.io/review_button.svg" height="34" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/12576) <!-- Reviewable:end -->
This commit is contained in:
bors-servo
GitHub
commit
93004ce579
85 changed files with 696 additions and 691 deletions
|
|
@ -27,7 +27,7 @@ MAX_LICENSE_LINESPAN = max(len(license.splitlines()) for license in licenses)
|
||||||
# File patterns to include in the non-WPT tidy check.
|
# File patterns to include in the non-WPT tidy check.
|
||||||
FILE_PATTERNS_TO_CHECK = ["*.rs", "*.rc", "*.cpp", "*.c",
|
FILE_PATTERNS_TO_CHECK = ["*.rs", "*.rc", "*.cpp", "*.c",
|
||||||
"*.h", "Cargo.lock", "*.py", "*.sh",
|
"*.h", "Cargo.lock", "*.py", "*.sh",
|
||||||
"*.toml", "*.webidl", "*.json"]
|
"*.toml", "*.webidl", "*.json", "*.html"]
|
||||||
|
|
||||||
# File patterns that are ignored for all tidy and lint checks.
|
# File patterns that are ignored for all tidy and lint checks.
|
||||||
FILE_PATTERNS_TO_IGNORE = ["*.#*", "*.pyc"]
|
FILE_PATTERNS_TO_IGNORE = ["*.#*", "*.pyc"]
|
||||||
|
|
@ -44,6 +44,11 @@ IGNORED_FILES = [
|
||||||
os.path.join(".", "tests", "wpt", "metadata-css", "MANIFEST.json"),
|
os.path.join(".", "tests", "wpt", "metadata-css", "MANIFEST.json"),
|
||||||
os.path.join(".", "components", "script", "dom", "webidls", "ForceTouchEvent.webidl"),
|
os.path.join(".", "components", "script", "dom", "webidls", "ForceTouchEvent.webidl"),
|
||||||
os.path.join(".", "support", "android", "openssl.sh"),
|
os.path.join(".", "support", "android", "openssl.sh"),
|
||||||
|
# Ignore those files since the issues reported are on purpose
|
||||||
|
os.path.join(".", "tests", "html", "bad-line-ends.html"),
|
||||||
|
os.path.join(".", "tests", "unit", "net", "parsable_mime", "text"),
|
||||||
|
os.path.join(".", "tests", "wpt", "mozilla", "tests", "css", "fonts"),
|
||||||
|
os.path.join(".", "tests", "wpt", "mozilla", "tests", "css", "pre_with_tab.html"),
|
||||||
# FIXME(pcwalton, #11679): This is a workaround for a tidy error on the quoted string
|
# FIXME(pcwalton, #11679): This is a workaround for a tidy error on the quoted string
|
||||||
# `"__TEXT,_info_plist"` inside an attribute.
|
# `"__TEXT,_info_plist"` inside an attribute.
|
||||||
os.path.join(".", "components", "servo", "platform", "macos", "mod.rs"),
|
os.path.join(".", "components", "servo", "platform", "macos", "mod.rs"),
|
||||||
|
|
@ -148,7 +153,7 @@ def filter_files(start_dir, only_changed_files, progress):
|
||||||
|
|
||||||
|
|
||||||
def check_license(file_name, lines):
|
def check_license(file_name, lines):
|
||||||
if any(file_name.endswith(ext) for ext in (".toml", ".lock", ".json")):
|
if any(file_name.endswith(ext) for ext in (".toml", ".lock", ".json", ".html")):
|
||||||
raise StopIteration
|
raise StopIteration
|
||||||
while lines and (lines[0].startswith(EMACS_HEADER) or lines[0].startswith(VIM_HEADER)):
|
while lines and (lines[0].startswith(EMACS_HEADER) or lines[0].startswith(VIM_HEADER)):
|
||||||
lines = lines[1:]
|
lines = lines[1:]
|
||||||
|
|
@ -168,7 +173,7 @@ def check_modeline(file_name, lines):
|
||||||
|
|
||||||
|
|
||||||
def check_length(file_name, idx, line):
|
def check_length(file_name, idx, line):
|
||||||
if file_name.endswith(".lock") or file_name.endswith(".json"):
|
if file_name.endswith(".lock") or file_name.endswith(".json") or file_name.endswith(".html"):
|
||||||
raise StopIteration
|
raise StopIteration
|
||||||
# Prefer shorter lines when shell scripting.
|
# Prefer shorter lines when shell scripting.
|
||||||
if file_name.endswith(".sh"):
|
if file_name.endswith(".sh"):
|
||||||
|
|
@ -672,7 +677,7 @@ def collect_errors_for_files(files_to_check, checking_functions, line_checking_f
|
||||||
|
|
||||||
|
|
||||||
def get_wpt_files(only_changed_files, progress):
|
def get_wpt_files(only_changed_files, progress):
|
||||||
wpt_dir = os.path.join(".", "tests", "wpt", "web-platform-tests" + os.sep)
|
wpt_dir = os.path.join(".", "tests", "wpt" + os.sep)
|
||||||
file_iter = get_file_list(os.path.join(wpt_dir), only_changed_files)
|
file_iter = get_file_list(os.path.join(wpt_dir), only_changed_files)
|
||||||
(has_element, file_iter) = is_iter_empty(file_iter)
|
(has_element, file_iter) = is_iter_empty(file_iter)
|
||||||
if not has_element:
|
if not has_element:
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,10 @@
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
|
||||||
<html><head>
|
<html><head>
|
||||||
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
|
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
|
||||||
<title>
|
<title>
|
||||||
display/box/float/clear test
|
display/box/float/clear test
|
||||||
</title>
|
</title>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
/* last modified: 1 Dec 98 */
|
/* last modified: 1 Dec 98 */
|
||||||
|
|
||||||
html {
|
html {
|
||||||
|
|
@ -125,59 +125,59 @@ font-weight: normal;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<dl>
|
<dl>
|
||||||
<dt>
|
<dt>
|
||||||
toggle
|
toggle
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
the way
|
the way
|
||||||
</li>
|
</li>
|
||||||
<li id="bar">
|
<li id="bar">
|
||||||
<p>
|
<p>
|
||||||
the world ends
|
the world ends
|
||||||
</p>
|
</p>
|
||||||
<form action="./" method="get">
|
<form action="./" method="get">
|
||||||
<p>
|
<p>
|
||||||
bang
|
bang
|
||||||
<input name="foo" value="off" type="radio">
|
<input name="foo" value="off" type="radio">
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
whimper
|
whimper
|
||||||
<input name="foo2" value="on" type="radio">
|
<input name="foo2" value="on" type="radio">
|
||||||
</p>
|
</p>
|
||||||
</form>
|
</form>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
i grow old
|
i grow old
|
||||||
</li>
|
</li>
|
||||||
<li id="baz">
|
<li id="baz">
|
||||||
pluot?
|
pluot?
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<blockquote>
|
<blockquote>
|
||||||
<address>
|
<address>
|
||||||
bar maids,
|
bar maids,
|
||||||
</address>
|
</address>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<h1>
|
<h1>
|
||||||
sing to me, erbarme dich
|
sing to me, erbarme dich
|
||||||
</h1>
|
</h1>
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
|
<p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
|
||||||
This is a nonsensical document, but syntactically valid HTML 4.0. All
|
This is a nonsensical document, but syntactically valid HTML 4.0. All
|
||||||
100%-conformant CSS1 agents should be able to render the document
|
100%-conformant CSS1 agents should be able to render the document
|
||||||
elements above this paragraph indistinguishably (to the pixel) from this
|
elements above this paragraph indistinguishably (to the pixel) from this
|
||||||
|
|
||||||
<a href="http://www.w3.org/Style/CSS/Test/CSS1/current/sec5526c.gif">reference rendering,</a>
|
<a href="http://www.w3.org/Style/CSS/Test/CSS1/current/sec5526c.gif">reference rendering,</a>
|
||||||
(except font rasterization and form widgets). All discrepancies
|
(except font rasterization and form widgets). All discrepancies
|
||||||
should be traceable to CSS1 implementation shortcomings. Once you have
|
should be traceable to CSS1 implementation shortcomings. Once you have
|
||||||
finished evaluating this test, you can return to the <a href="http://www.w3.org/Style/CSS/Test/CSS1/current/sec5526c.htm">parent page</a>.
|
finished evaluating this test, you can return to the <a href="http://www.w3.org/Style/CSS/Test/CSS1/current/sec5526c.htm">parent page</a>.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
||||||
|
|
|
||||||
|
|
@ -4,15 +4,15 @@
|
||||||
:active {border:1px solid #A61D61; background-color:#DC2F85; color:#333232;}
|
:active {border:1px solid #A61D61; background-color:#DC2F85; color:#333232;}
|
||||||
</style>
|
</style>
|
||||||
<body>
|
<body>
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<a href="https://servo.org/">
|
<a href="https://servo.org/">
|
||||||
Link
|
Link
|
||||||
</a>
|
</a>
|
||||||
<button>Click Me!</button>
|
<button>Click Me!</button>
|
||||||
<button disabled>You can't activate me</button>
|
<button disabled>You can't activate me</button>
|
||||||
<a>Anchor with no href</a>
|
<a>Anchor with no href</a>
|
||||||
<link href="www.mozilla.com">Link</link>
|
<link href="www.mozilla.com">Link</link>
|
||||||
<link>Link with no href</link>
|
<link>Link with no href</link>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,20 +1,20 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title></title>
|
<title></title>
|
||||||
</head>
|
</head>
|
||||||
<style>
|
<style>
|
||||||
.test { background: url(rust-0.png) gray; }
|
.test { background: url(rust-0.png) gray; }
|
||||||
</style>
|
</style>
|
||||||
<body>
|
<body>
|
||||||
<div class="test" style="width:200px; height:200px; color:red;">
|
<div class="test" style="width:200px; height:200px; color:red;">
|
||||||
background: url(rust-0.png) gray; width:200px; height:200px;
|
background: url(rust-0.png) gray; width:200px; height:200px;
|
||||||
</div>
|
</div>
|
||||||
<div class="test" style="background-image: url(rust-45.png); width:200px; height:200px; color:red;">
|
<div class="test" style="background-image: url(rust-45.png); width:200px; height:200px; color:red;">
|
||||||
background-image: url(rust-45.png); width:200px; height:200px;
|
background-image: url(rust-45.png); width:200px; height:200px;
|
||||||
</div>
|
</div>
|
||||||
<div style="background: url(rust-90.png) yellow; width:200px; height:200px; border: 5px solid #000; color:blue;">
|
<div style="background: url(rust-90.png) yellow; width:200px; height:200px; border: 5px solid #000; color:blue;">
|
||||||
background: url(rust-90.png) yellow; width:200px; height:200px; border: 5px solid #000;
|
background: url(rust-90.png) yellow; width:200px; height:200px; border: 5px solid #000;
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -15,23 +15,23 @@ var longcat_mid = longcats[1];
|
||||||
var longcat_bot = longcats[2];
|
var longcat_bot = longcats[2];
|
||||||
|
|
||||||
function wait_for_img_load(f) {
|
function wait_for_img_load(f) {
|
||||||
if (longcat_top.width != 0 && longcat_mid.width != 0 && longcat_bot.width != 0) {
|
if (longcat_top.width != 0 && longcat_mid.width != 0 && longcat_bot.width != 0) {
|
||||||
f();
|
f();
|
||||||
} else {
|
} else {
|
||||||
window.setTimeout(function() { wait_for_img_load(f) }, 1);
|
window.setTimeout(function() { wait_for_img_load(f) }, 1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
wait_for_img_load(function() {
|
wait_for_img_load(function() {
|
||||||
var count = 0;
|
var count = 0;
|
||||||
function elongate() {
|
function elongate() {
|
||||||
var height = Math.round((Math.cos(count + Math.PI) + 1) * 100 + 20);
|
var height = Math.round((Math.cos(count + Math.PI) + 1) * 100 + 20);
|
||||||
count += 0.2;
|
count += 0.2;
|
||||||
longcat_mid.height = height;
|
longcat_mid.height = height;
|
||||||
longcat_mid.width = 600;
|
longcat_mid.width = 600;
|
||||||
window.setTimeout(function() { elongate() }, 50);
|
window.setTimeout(function() { elongate() }, 50);
|
||||||
}
|
}
|
||||||
elongate();
|
elongate();
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Dashboard Page</title>
|
<title>Dashboard Page</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div>
|
<div>
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Servo Browser Engine</title>
|
<title>Servo Browser Engine</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div>
|
<div>
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Profile Page</title>
|
<title>Profile Page</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div>
|
<div>
|
||||||
|
|
|
||||||
|
|
@ -10,54 +10,54 @@ var wsUri = "ws://echo.websocket.org/";
|
||||||
var output;
|
var output;
|
||||||
|
|
||||||
function init() {
|
function init() {
|
||||||
output = document.getElementById("output");
|
output = document.getElementById("output");
|
||||||
testWebSocket();
|
testWebSocket();
|
||||||
}
|
}
|
||||||
|
|
||||||
function testWebSocket() {
|
function testWebSocket() {
|
||||||
websocket = new WebSocket(wsUri);
|
websocket = new WebSocket(wsUri);
|
||||||
websocket.onopen = function(evt) {
|
websocket.onopen = function(evt) {
|
||||||
onOpen(evt)
|
onOpen(evt)
|
||||||
};
|
};
|
||||||
websocket.onclose = function(evt) {
|
websocket.onclose = function(evt) {
|
||||||
onClose(evt)
|
onClose(evt)
|
||||||
};
|
};
|
||||||
websocket.onmessage = function(evt) {
|
websocket.onmessage = function(evt) {
|
||||||
onMessage(evt)
|
onMessage(evt)
|
||||||
};
|
};
|
||||||
websocket.onerror = function(evt) {
|
websocket.onerror = function(evt) {
|
||||||
onError(evt)
|
onError(evt)
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
function onOpen(evt) {
|
function onOpen(evt) {
|
||||||
writeToScreen("CONNECTED");
|
writeToScreen("CONNECTED");
|
||||||
doSend("WebSocket rocks");
|
doSend("WebSocket rocks");
|
||||||
}
|
}
|
||||||
|
|
||||||
function onClose(evt) {
|
function onClose(evt) {
|
||||||
writeToScreen("DISCONNECTED");
|
writeToScreen("DISCONNECTED");
|
||||||
}
|
}
|
||||||
|
|
||||||
function onMessage(evt) {
|
function onMessage(evt) {
|
||||||
writeToScreen('<span style="color: blue;">RESPONSE: ' + evt.data+'</span>');
|
writeToScreen('<span style="color: blue;">RESPONSE: ' + evt.data+'</span>');
|
||||||
websocket.close();
|
websocket.close();
|
||||||
}
|
}
|
||||||
|
|
||||||
function onError(evt) {
|
function onError(evt) {
|
||||||
writeToScreen('<span style="color: red;">ERROR:</span> ' + evt.data);
|
writeToScreen('<span style="color: red;">ERROR:</span> ' + evt.data);
|
||||||
}
|
}
|
||||||
|
|
||||||
function doSend(message) {
|
function doSend(message) {
|
||||||
writeToScreen("SENT: " + message);
|
writeToScreen("SENT: " + message);
|
||||||
websocket.send(message);
|
websocket.send(message);
|
||||||
}
|
}
|
||||||
|
|
||||||
function writeToScreen(message) {
|
function writeToScreen(message) {
|
||||||
var pre = document.createElement("p");
|
var pre = document.createElement("p");
|
||||||
pre.style.wordWrap = "break-word";
|
pre.style.wordWrap = "break-word";
|
||||||
pre.innerHTML = message;
|
pre.innerHTML = message;
|
||||||
output.appendChild(pre);
|
output.appendChild(pre);
|
||||||
}
|
}
|
||||||
|
|
||||||
window.addEventListener("load", init, false);
|
window.addEventListener("load", init, false);
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@
|
||||||
<div class="darkblue">
|
<div class="darkblue">
|
||||||
<img class="maroon"></img>
|
<img class="maroon"></img>
|
||||||
<div class="darkgreen">
|
<div class="darkgreen">
|
||||||
<img class="gray"></img>
|
<img class="gray"></img>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<img class="black"></img>
|
<img class="black"></img>
|
||||||
|
|
|
||||||
|
|
@ -1,17 +1,17 @@
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
.c1 { color: red; }
|
.c1 { color: red; }
|
||||||
.c2 { background: blue; }
|
.c2 { background: blue; }
|
||||||
#i1 { color: green; }
|
#i1 { color: green; }
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div>
|
<div>
|
||||||
<div id='i1'>Hello</div>
|
<div id='i1'>Hello</div>
|
||||||
<div class='c1'>World</div>
|
<div class='c1'>World</div>
|
||||||
<div class='c2'>Hello</div>
|
<div class='c2'>Hello</div>
|
||||||
<div class='c1 c2'>World</div>
|
<div class='c1 c2'>World</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -2,13 +2,13 @@
|
||||||
<input id="clicked">
|
<input id="clicked">
|
||||||
<script>
|
<script>
|
||||||
document.getElementById("clicked").addEventListener("mousedown", function () {
|
document.getElementById("clicked").addEventListener("mousedown", function () {
|
||||||
window.alert("mousedown"); },
|
window.alert("mousedown"); },
|
||||||
false);
|
false);
|
||||||
document.getElementById("clicked").addEventListener('mouseup', function() {
|
document.getElementById("clicked").addEventListener('mouseup', function() {
|
||||||
window.alert("mouseup"); },
|
window.alert("mouseup"); },
|
||||||
false);
|
false);
|
||||||
document.getElementById("clicked").addEventListener("click", function() {
|
document.getElementById("clicked").addEventListener("click", function() {
|
||||||
window.alert("clicked"); },
|
window.alert("clicked"); },
|
||||||
false);
|
false);
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -14,8 +14,8 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<button id="findme">Check for element with :target selector</button>
|
<button id="findme">Check for element with :target selector</button>
|
||||||
<span id="result"></span>
|
<span id="result"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sodales leo in orci pulvinar, ut tincidunt ipsum vestibulum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et vestibulum metus. Maecenas erat elit, ultrices eu gravida et, sollicitudin ac est. Sed in tellus ut tortor euismod aliquet non egestas metus. Sed pellentesque arcu ut lectus feugiat molestie. Fusce et justo non dui fermentum fermentum. Nunc nec ullamcorper urna. Morbi ultricies ornare arcu nec tincidunt. In sit amet risus lectus. Nam ac lacus urna. Phasellus semper eu enim quis rutrum. Suspendisse convallis orci vel nunc blandit, ut venenatis urna elementum. Curabitur a elit elementum sapien hendrerit laoreet eget in nunc. In vitae tempus neque.
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sodales leo in orci pulvinar, ut tincidunt ipsum vestibulum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et vestibulum metus. Maecenas erat elit, ultrices eu gravida et, sollicitudin ac est. Sed in tellus ut tortor euismod aliquet non egestas metus. Sed pellentesque arcu ut lectus feugiat molestie. Fusce et justo non dui fermentum fermentum. Nunc nec ullamcorper urna. Morbi ultricies ornare arcu nec tincidunt. In sit amet risus lectus. Nam ac lacus urna. Phasellus semper eu enim quis rutrum. Suspendisse convallis orci vel nunc blandit, ut venenatis urna elementum. Curabitur a elit elementum sapien hendrerit laoreet eget in nunc. In vitae tempus neque.
|
||||||
|
|
|
||||||
|
|
@ -3,13 +3,13 @@
|
||||||
<head>
|
<head>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<textarea id="textarea">
|
<textarea id="textarea">
|
||||||
</textarea>
|
</textarea>
|
||||||
</body>
|
</body>
|
||||||
<script>
|
<script>
|
||||||
var area = document.getElementById('textarea');
|
var area = document.getElementById('textarea');
|
||||||
area.addEventListener('input', function() {
|
area.addEventListener('input', function() {
|
||||||
alert('input detected');
|
alert('input detected');
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -2,10 +2,10 @@
|
||||||
<html><head>
|
<html><head>
|
||||||
<link rel='match' href='acid1_b.html'>
|
<link rel='match' href='acid1_b.html'>
|
||||||
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
|
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
|
||||||
<title>
|
<title>
|
||||||
display/box/float/clear test
|
display/box/float/clear test
|
||||||
</title>
|
</title>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
/* last modified: 1 Dec 98 */
|
/* last modified: 1 Dec 98 */
|
||||||
|
|
||||||
html {
|
html {
|
||||||
|
|
@ -127,49 +127,49 @@ font-weight: normal;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<dl>
|
<dl>
|
||||||
<dt>
|
<dt>
|
||||||
|
|
||||||
</dt>
|
</dt>
|
||||||
<dd>
|
<dd>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
<li id="bar">
|
<li id="bar">
|
||||||
<p>
|
<p>
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
<form action="./" method="get">
|
<form action="./" method="get">
|
||||||
<p>
|
<p>
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
</form>
|
</form>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
<li id="baz">
|
<li id="baz">
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<blockquote>
|
<blockquote>
|
||||||
<address>
|
<address>
|
||||||
|
|
||||||
</address>
|
</address>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<h1>
|
<h1>
|
||||||
|
|
||||||
</h1>
|
</h1>
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
|
<p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
||||||
</body></html>
|
</body></html>
|
||||||
|
|
|
||||||
|
|
@ -4,26 +4,26 @@
|
||||||
<link rel=match href=block_formatting_context_float_placement_ref.html>
|
<link rel=match href=block_formatting_context_float_placement_ref.html>
|
||||||
<style>
|
<style>
|
||||||
#nav-searchbar {
|
#nav-searchbar {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.nav-submit-button {
|
.nav-submit-button {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
#nav-search-in {
|
#nav-search-in {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
.nav-searchfield-width {
|
.nav-searchfield-width {
|
||||||
height: 35px;
|
height: 35px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border: solid black 1px;
|
border: solid black 1px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<form id="nav-searchbar">
|
<form id="nav-searchbar">
|
||||||
<div class="nav-submit-button">Foo</div><span id="nav-search-in">Bar</span>
|
<div class="nav-submit-button">Foo</div><span id="nav-search-in">Bar</span>
|
||||||
<div class="nav-searchfield-width"></div>
|
<div class="nav-searchfield-width"></div>
|
||||||
</form>
|
</form>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -3,23 +3,23 @@
|
||||||
<head>
|
<head>
|
||||||
<style>
|
<style>
|
||||||
.nav-submit-button {
|
.nav-submit-button {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
#nav-search-in {
|
#nav-search-in {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
.nav-searchfield-width {
|
.nav-searchfield-width {
|
||||||
height: 35px;
|
height: 35px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border: solid black 1px;
|
border: solid black 1px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<form id="nav-searchbar">
|
<form id="nav-searchbar">
|
||||||
<div class="nav-submit-button">Foo</div><span id="nav-search-in">Bar</span>
|
<div class="nav-submit-button">Foo</div><span id="nav-search-in">Bar</span>
|
||||||
<div class="nav-searchfield-width"></div>
|
<div class="nav-searchfield-width"></div>
|
||||||
</form>
|
</form>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -4,23 +4,23 @@
|
||||||
<link rel='match' href='float_clearance_intrinsic_width_ref.html'>
|
<link rel='match' href='float_clearance_intrinsic_width_ref.html'>
|
||||||
<style>
|
<style>
|
||||||
#nav-your-account {
|
#nav-your-account {
|
||||||
background: lightblue;
|
background: lightblue;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
.nav-button-title {
|
.nav-button-title {
|
||||||
float: left;
|
float: left;
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<a id="nav-your-account">
|
<a id="nav-your-account">
|
||||||
<div class="nav-button-title">Hello.</div>
|
<div class="nav-button-title">Hello.</div>
|
||||||
<div class="nav-button-title">Account</div>
|
<div class="nav-button-title">Account</div>
|
||||||
<div class="nav-button-title">Account</div>
|
<div class="nav-button-title">Account</div>
|
||||||
<div class="nav-button-title">Account</div>
|
<div class="nav-button-title">Account</div>
|
||||||
<div class="nav-button-title">Account</div>
|
<div class="nav-button-title">Account</div>
|
||||||
<div class="nav-button-title">Account</div>
|
<div class="nav-button-title">Account</div>
|
||||||
</a>
|
</a>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -3,19 +3,19 @@
|
||||||
<head>
|
<head>
|
||||||
<style>
|
<style>
|
||||||
#nav-your-account {
|
#nav-your-account {
|
||||||
background: lightblue;
|
background: lightblue;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<a id="nav-your-account">
|
<a id="nav-your-account">
|
||||||
<div class="nav-button-title">Hello.</div>
|
<div class="nav-button-title">Hello.</div>
|
||||||
<div class="nav-button-title">Account</div>
|
<div class="nav-button-title">Account</div>
|
||||||
<div class="nav-button-title">Account</div>
|
<div class="nav-button-title">Account</div>
|
||||||
<div class="nav-button-title">Account</div>
|
<div class="nav-button-title">Account</div>
|
||||||
<div class="nav-button-title">Account</div>
|
<div class="nav-button-title">Account</div>
|
||||||
<div class="nav-button-title">Account</div>
|
<div class="nav-button-title">Account</div>
|
||||||
</a>
|
</a>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,25 +1,25 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<link rel='match' href='float_intrinsic_height_ref.html'>
|
<link rel='match' href='float_intrinsic_height_ref.html'>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
.otherprojects {
|
.otherprojects {
|
||||||
background-color: red;
|
background-color: red;
|
||||||
float: left;
|
float: left;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
}
|
}
|
||||||
.otherprojects-item {
|
.otherprojects-item {
|
||||||
background-color: yellow;
|
background-color: yellow;
|
||||||
float: left;
|
float: left;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="otherprojects">
|
<div class="otherprojects">
|
||||||
<div class="otherprojects-item">
|
<div class="otherprojects-item">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,22 +1,22 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
.otherprojects {
|
.otherprojects {
|
||||||
background-color: red;
|
background-color: red;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
}
|
}
|
||||||
.otherprojects-item {
|
.otherprojects-item {
|
||||||
background-color: yellow;
|
background-color: yellow;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="otherprojects">
|
<div class="otherprojects">
|
||||||
<div class="otherprojects-item">
|
<div class="otherprojects-item">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -12,11 +12,11 @@ body {margin : 0px}
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="start">
|
<div class="start">
|
||||||
<div class="half"></div>
|
<div class="half"></div>
|
||||||
<div class="quarter"></div>
|
<div class="quarter"></div>
|
||||||
<div class="eighth"></div>
|
<div class="eighth"></div>
|
||||||
<div class="sixteenth"></div>
|
<div class="sixteenth"></div>
|
||||||
<div class="thirtysecond"></div>
|
<div class="thirtysecond"></div>
|
||||||
<div class="sixtyfourth"></div>
|
<div class="sixtyfourth"></div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -13,11 +13,11 @@
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="start">
|
<div class="start">
|
||||||
<div class="half"></div>
|
<div class="half"></div>
|
||||||
<div class="quarter"></div>
|
<div class="quarter"></div>
|
||||||
<div class="eighth"></div>
|
<div class="eighth"></div>
|
||||||
<div class="sixteenth"></div>
|
<div class="sixteenth"></div>
|
||||||
<div class="thirtysecond"></div>
|
<div class="thirtysecond"></div>
|
||||||
<div class="sixtyfourth"></div>
|
<div class="sixtyfourth"></div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -1,25 +1,25 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html class="reftest-wait">
|
<html class="reftest-wait">
|
||||||
<link rel='match' href='hide_after_create_ref.html'>
|
<link rel='match' href='hide_after_create_ref.html'>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
.hidden {
|
.hidden {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
body {
|
body {
|
||||||
background-color: green;
|
background-color: green;
|
||||||
}
|
}
|
||||||
iframe {
|
iframe {
|
||||||
background-color: red;
|
background-color: red;
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body>
|
<body>
|
||||||
<iframe id="iframe" src="about:blank"></iframe>
|
<iframe id="iframe" src="about:blank"></iframe>
|
||||||
</body>
|
</body>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
window.onload = function() {
|
window.onload = function() {
|
||||||
document.getElementById("iframe").classList.add("hidden");
|
document.getElementById("iframe").classList.add("hidden");
|
||||||
document.documentElement.classList.remove("reftest-wait");
|
document.documentElement.classList.remove("reftest-wait");
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,10 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
body {
|
body {
|
||||||
background-color: green;
|
background-color: green;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body>
|
<body>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,21 +1,21 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html class="reftest-wait">
|
<html class="reftest-wait">
|
||||||
<link rel=match href=hide_and_show_ref.html>
|
<link rel=match href=hide_and_show_ref.html>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
.hidden {
|
.hidden {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
iframe {
|
iframe {
|
||||||
border: 0;
|
border: 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body id="container">
|
<body id="container">
|
||||||
<iframe id="iframe" class="hidden" src="data:text/html,%3Cbody%20style%3D%22background%3Agreen%3B%20%22%3E"></iframe>
|
<iframe id="iframe" class="hidden" src="data:text/html,%3Cbody%20style%3D%22background%3Agreen%3B%20%22%3E"></iframe>
|
||||||
</body>
|
</body>
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
window.onload = function() {
|
window.onload = function() {
|
||||||
document.getElementById("iframe").classList.remove("hidden");
|
document.getElementById("iframe").classList.remove("hidden");
|
||||||
document.documentElement.classList.remove("reftest-wait");
|
document.documentElement.classList.remove("reftest-wait");
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,13 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
div {
|
div {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
height: 150px;
|
height: 150px;
|
||||||
background-color: green;
|
background-color: green;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<body>
|
<body>
|
||||||
<div></div>
|
<div></div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -9,19 +9,19 @@ html, body {
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
}
|
}
|
||||||
.nav-button-outer {
|
.nav-button-outer {
|
||||||
background: red;
|
background: red;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
.nav-down-arrow {
|
.nav-down-arrow {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: black;
|
border-color: black;
|
||||||
border-width: 10px 200px 0 0;
|
border-width: 10px 200px 0 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<a class="nav-button-outer"><span class="nav-down-arrow"></span></a>
|
<a class="nav-button-outer"><span class="nav-down-arrow"></span></a>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -8,18 +8,18 @@ html, body {
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
}
|
}
|
||||||
.nav-button-outer {
|
.nav-button-outer {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
.nav-down-arrow {
|
.nav-down-arrow {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: black;
|
border-color: black;
|
||||||
border-width: 10px 200px 0 0;
|
border-width: 10px 200px 0 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<a class="nav-button-outer"><span class="nav-down-arrow"></span></a>
|
<a class="nav-button-outer"><span class="nav-down-arrow"></span></a>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,15 +1,15 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||||
<link rel=match href=inline_whitespace_ref.html>
|
<link rel=match href=inline_whitespace_ref.html>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
body {
|
body {
|
||||||
background-color: #f6f6f6;
|
background-color: #f6f6f6;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<span>A</span> <span>B</span>
|
<span>A</span> <span>B</span>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,16 +1,16 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||||
<link rel=match href=inline_whitespace_ref.html>
|
<link rel=match href=inline_whitespace_ref.html>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
body {
|
body {
|
||||||
background-color: #f6f6f6;
|
background-color: #f6f6f6;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<span>A</span>
|
<span>A</span>
|
||||||
<span>B</span>
|
<span>B</span>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,14 +1,14 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
body {
|
body {
|
||||||
background-color: #f6f6f6;
|
background-color: #f6f6f6;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<span>A B</span>
|
<span>A B</span>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -3,8 +3,8 @@
|
||||||
<link rel='match' href='linebreak_inline_span_b.html'>
|
<link rel='match' href='linebreak_inline_span_b.html'>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
* {
|
* {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
|
||||||
|
|
@ -2,8 +2,8 @@
|
||||||
<head>
|
<head>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
* {
|
* {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
|
||||||
|
|
@ -25,8 +25,8 @@
|
||||||
<body>
|
<body>
|
||||||
<div id="first">
|
<div id="first">
|
||||||
<div id="second">
|
<div id="second">
|
||||||
<div id="abs">
|
<div id="abs">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -29,10 +29,10 @@
|
||||||
<div id="abs">
|
<div id="abs">
|
||||||
</div>
|
</div>
|
||||||
<div id="non-cb-2">
|
<div id="non-cb-2">
|
||||||
<div id="second">
|
<div id="second">
|
||||||
</div>
|
</div>
|
||||||
<div id="abs">
|
<div id="abs">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -27,8 +27,8 @@
|
||||||
<body>
|
<body>
|
||||||
<div id="first">
|
<div id="first">
|
||||||
<div id="abs">
|
<div id="abs">
|
||||||
<div id="abs2">
|
<div id="abs2">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -27,8 +27,8 @@
|
||||||
<div id="first">
|
<div id="first">
|
||||||
<div class="row"></div>
|
<div class="row"></div>
|
||||||
<div class="center">
|
<div class="center">
|
||||||
<div class="little-box">
|
<div class="little-box">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row"></div>
|
<div class="row"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -2,18 +2,18 @@
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<link rel='match' href='position_abs_pseudo_b.html'>
|
<link rel='match' href='position_abs_pseudo_b.html'>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
div:before {
|
div:before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
background-color: red;
|
background-color: red;
|
||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div>
|
<div>
|
||||||
|
|
|
||||||
|
|
@ -1,16 +1,16 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<style>
|
<style>
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
.before {
|
.before {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
background-color: red;
|
background-color: red;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="before">
|
<div class="before">
|
||||||
|
|
|
||||||
|
|
@ -23,7 +23,7 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
</div>
|
</div>
|
||||||
<div class="center">
|
<div class="center">
|
||||||
<img src="rust_logo.png" width="30" id="abs" alt="Rust Logo" />
|
<img src="rust_logo.png" width="30" id="abs" alt="Rust Logo" />
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,17 +1,17 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<link rel='match' href='table_auto_width_ref.html'>
|
<link rel='match' href='table_auto_width_ref.html'>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<table>
|
<table>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td style="padding: 0">
|
<td style="padding: 0">
|
||||||
<span>12345<span>67890</span></span>
|
<span>12345<span>67890</span></span>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,16 +1,16 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<table>
|
<table>
|
||||||
<tbody>
|
<tbody>
|
||||||
<tr>
|
<tr>
|
||||||
<td style="padding: 0">
|
<td style="padding: 0">
|
||||||
<span>1234567890</span>
|
<span>1234567890</span>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -5,35 +5,35 @@
|
||||||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||||
<style>
|
<style>
|
||||||
|
|
||||||
* { margin: 0px !important; padding: 0px !important; }
|
* { margin: 0px !important; padding: 0px !important; }
|
||||||
|
|
||||||
div {
|
div {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
font-family: Ahem;
|
font-family: Ahem;
|
||||||
padding: 10px !important;
|
padding: 10px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<section style="text-align: right; color: #f00;">
|
<section style="text-align: right; color: #f00;">
|
||||||
<div style="background: #fdd;"> xx xx xx xxxx</div>
|
<div style="background: #fdd;"> xx xx xx xxxx</div>
|
||||||
<div style="background: #fdd;"> xx xx xx xxxxxxxxxxxxx</div>
|
<div style="background: #fdd;"> xx xx xx xxxxxxxxxxxxx</div>
|
||||||
<div style="background: #fdd;">xxxxxxxxxxxxx xx xx xx xxxx</div>
|
<div style="background: #fdd;">xxxxxxxxxxxxx xx xx xx xxxx</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section style="text-align: center; color: #0f0;">
|
<section style="text-align: center; color: #0f0;">
|
||||||
<div style="background: #dfd;"> xx xx xx xxxx </div>
|
<div style="background: #dfd;"> xx xx xx xxxx </div>
|
||||||
<div style="background: #dfd;"> xx xx xx xxxxxxxxxxxxx</div>
|
<div style="background: #dfd;"> xx xx xx xxxxxxxxxxxxx</div>
|
||||||
<div style="background: #dfd;">xxxxxxxxxxxxx xx xx xx xxxx </div>
|
<div style="background: #dfd;">xxxxxxxxxxxxx xx xx xx xxxx </div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section style="text-align: justify; color: #00f;">
|
<section style="text-align: justify; color: #00f;">
|
||||||
<div style="background: #ddf;">xx xx xx xxxx</div>
|
<div style="background: #ddf;">xx xx xx xxxx</div>
|
||||||
<div style="background: #ddf;">xx xx xx xxxxxxxxxxxxx</div>
|
<div style="background: #ddf;">xx xx xx xxxxxxxxxxxxx</div>
|
||||||
<div style="background: #ddf;">xxxxxxxxxxxxx xx xx xx xxxx </div>
|
<div style="background: #ddf;">xxxxxxxxxxxxx xx xx xx xxxx </div>
|
||||||
</section>
|
</section>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -4,38 +4,38 @@
|
||||||
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
<link rel="stylesheet" type="text/css" href="css/ahem.css">
|
||||||
<style>
|
<style>
|
||||||
|
|
||||||
* { margin: 0px !important; padding: 0px !important; }
|
* { margin: 0px !important; padding: 0px !important; }
|
||||||
|
|
||||||
div {
|
div {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
font-family: Ahem;
|
font-family: Ahem;
|
||||||
padding: 10px !important;
|
padding: 10px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
section.reference { text-align: left !important; }
|
section.reference { text-align: left !important; }
|
||||||
section.reference > div { white-space: pre; }
|
section.reference > div { white-space: pre; }
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<section class="reference" style="text-align: right; color: #f00;">
|
<section class="reference" style="text-align: right; color: #f00;">
|
||||||
<div style="background: #fdd;"> xx xx xx<br /> xxxx</div>
|
<div style="background: #fdd;"> xx xx xx<br /> xxxx</div>
|
||||||
<div style="background: #fdd;"> xx xx xx<br />xxxxxxxxxxxxx</div>
|
<div style="background: #fdd;"> xx xx xx<br />xxxxxxxxxxxxx</div>
|
||||||
<div style="background: #fdd;">xxxxxxxxxxxxx<br /> xx xx xx<br /> xxxx</div>
|
<div style="background: #fdd;">xxxxxxxxxxxxx<br /> xx xx xx<br /> xxxx</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="reference" style="text-align: center; color: #0f0;">
|
<section class="reference" style="text-align: center; color: #0f0;">
|
||||||
<div style="background: #dfd;"> xx xx xx <br /> xxxx </div>
|
<div style="background: #dfd;"> xx xx xx <br /> xxxx </div>
|
||||||
<div style="background: #dfd;"> xx xx xx <br />xxxxxxxxxxxxx</div>
|
<div style="background: #dfd;"> xx xx xx <br />xxxxxxxxxxxxx</div>
|
||||||
<div style="background: #dfd;">xxxxxxxxxxxxx<br /> xx xx xx <br /> xxxx </div>
|
<div style="background: #dfd;">xxxxxxxxxxxxx<br /> xx xx xx <br /> xxxx </div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="reference" style="text-align: justify; color: #00f;">
|
<section class="reference" style="text-align: justify; color: #00f;">
|
||||||
<div style="background: #ddf;">xx xx xx<br />xxxx</div>
|
<div style="background: #ddf;">xx xx xx<br />xxxx</div>
|
||||||
<div style="background: #ddf;">xx xx xx<br />xxxxxxxxxxxxx</div>
|
<div style="background: #ddf;">xx xx xx<br />xxxxxxxxxxxxx</div>
|
||||||
<div style="background: #ddf;">xxxxxxxxxxxxx<br />xx xx xx<br />xxxx </div>
|
<div style="background: #ddf;">xxxxxxxxxxxxx<br />xx xx xx<br />xxxx </div>
|
||||||
</section>
|
</section>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,30 +1,30 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<link rel='match' href='transform_optimization_ref.html'>
|
<link rel='match' href='transform_optimization_ref.html'>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
#outer {
|
#outer {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
transform: translateX(300px);
|
transform: translateX(300px);
|
||||||
}
|
}
|
||||||
#inner {
|
#inner {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
background-color: red;
|
background-color: red;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="outer">
|
<div id="outer">
|
||||||
<div id="inner">
|
<div id="inner">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,23 +1,23 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
#inner {
|
#inner {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 300px;
|
left: 300px;
|
||||||
width: 400px;
|
width: 400px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
background-color: red;
|
background-color: red;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="outer">
|
<div id="outer">
|
||||||
<div id="inner">
|
<div id="inner">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,7 @@ destCtx.imageSmoothingEnabled = smoothingEnabled;
|
||||||
// The source Image doesn't have a src url defined
|
// The source Image doesn't have a src url defined
|
||||||
// It should throw an exception because the HTMLImageElement is
|
// It should throw an exception because the HTMLImageElement is
|
||||||
// in the broken state
|
// in the broken state
|
||||||
// https://html.spec.whatwg.org/multipage/scripting.html#check-the-usability-of-the-image-argument
|
// https://html.spec.whatwg.org/multipage/#check-the-usability-of-the-image-argument
|
||||||
try {
|
try {
|
||||||
destCtx.drawImage(sourceImg, 0, 0);
|
destCtx.drawImage(sourceImg, 0, 0);
|
||||||
// It makes the test fail if the exception is not thrown
|
// It makes the test fail if the exception is not thrown
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,8 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<script src="/resources/testharness.js"></script>
|
<script src="/resources/testharness.js"></script>
|
||||||
<script src="/resources/testharnessreport.js"></script>
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
#outer {
|
#outer {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -25,16 +25,16 @@
|
||||||
background-color: blue;
|
background-color: blue;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="outer">
|
<div id="outer">
|
||||||
<div id="inner">
|
<div id="inner">
|
||||||
<div id="div"></div>
|
<div id="div"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
test(function() {
|
test(function() {
|
||||||
var div = document.getElementById("div");
|
var div = document.getElementById("div");
|
||||||
var outer = document.getElementById("outer");
|
var outer = document.getElementById("outer");
|
||||||
|
|
||||||
|
|
@ -45,7 +45,7 @@
|
||||||
assert_equals(div.offsetTop, 25);
|
assert_equals(div.offsetTop, 25);
|
||||||
assert_equals(div.offsetWidth, 80);
|
assert_equals(div.offsetWidth, 80);
|
||||||
assert_equals(div.offsetHeight, 130);
|
assert_equals(div.offsetHeight, 130);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -10,20 +10,20 @@
|
||||||
</body>
|
</body>
|
||||||
<script>
|
<script>
|
||||||
async_test(function(t) {
|
async_test(function(t) {
|
||||||
setTimeout(t.step_func(function() {
|
setTimeout(t.step_func(function() {
|
||||||
var frame = document.createElement('iframe');
|
var frame = document.createElement('iframe');
|
||||||
frame.src = "data:text/html,<p>test</p>";
|
frame.src = "data:text/html,<p>test</p>";
|
||||||
document.body.appendChild(frame);
|
document.body.appendChild(frame);
|
||||||
setTimeout(t.step_func(function() {
|
setTimeout(t.step_func(function() {
|
||||||
document.body.removeChild(frame);
|
document.body.removeChild(frame);
|
||||||
frame = document.createElement('iframe');
|
frame = document.createElement('iframe');
|
||||||
frame.src = "data:text/html,<p>test</p>";
|
frame.src = "data:text/html,<p>test</p>";
|
||||||
document.body.appendChild(frame);
|
document.body.appendChild(frame);
|
||||||
setTimeout(t.step_func(function() {
|
setTimeout(t.step_func(function() {
|
||||||
t.done();
|
t.done();
|
||||||
}), 100);
|
}), 100);
|
||||||
}), 100);
|
}), 100);
|
||||||
}), 100);
|
}), 100);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -12,12 +12,12 @@ async_test(function() {
|
||||||
var img = window.document.getElementsByTagName("img")[0];
|
var img = window.document.getElementsByTagName("img")[0];
|
||||||
|
|
||||||
img.onload = this.step_func_done(function() {
|
img.onload = this.step_func_done(function() {
|
||||||
assert_equals(img.width, 500);
|
assert_equals(img.width, 500);
|
||||||
assert_equals(img.height, 378);
|
assert_equals(img.height, 378);
|
||||||
img.width = 200;
|
img.width = 200;
|
||||||
img.height = 100;
|
img.height = 100;
|
||||||
assert_equals(img.width, 200);
|
assert_equals(img.width, 200);
|
||||||
assert_equals(img.height, 100);
|
assert_equals(img.height, 100);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -5,18 +5,18 @@
|
||||||
<script src="/resources/testharnessreport.js"></script>
|
<script src="/resources/testharnessreport.js"></script>
|
||||||
<script>
|
<script>
|
||||||
test(function() {
|
test(function() {
|
||||||
var testBinding = new TestBinding();
|
var testBinding = new TestBinding();
|
||||||
assert_equals(typeof testBinding.BooleanMozPreference, "function");
|
assert_equals(typeof testBinding.BooleanMozPreference, "function");
|
||||||
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.falsy"), false);
|
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.falsy"), false);
|
||||||
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.truthy"), true);
|
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.truthy"), true);
|
||||||
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.string_test"), false);
|
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.string_test"), false);
|
||||||
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.string_empty"), false);
|
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.string_empty"), false);
|
||||||
assert_equals(typeof testBinding.StringMozPreference, "function");
|
assert_equals(typeof testBinding.StringMozPreference, "function");
|
||||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.string_test"), "test");
|
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.string_test"), "test");
|
||||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.string_empty"), "");
|
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.string_empty"), "");
|
||||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.falsy"), "");
|
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.falsy"), "");
|
||||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.truthy"), "");
|
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.truthy"), "");
|
||||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.space_string_test"), "test1 test2");
|
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.space_string_test"), "test1 test2");
|
||||||
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.space_string_test"), "test1 test2");
|
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.space_string_test"), "test1 test2");
|
||||||
}, "prefs");
|
}, "prefs");
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue