Issue #12421: tidy should also check .html files

This commit is contained in:
Simon Martin 2016-07-23 15:29:46 +02:00
parent 5e83b3f83b
commit 1e60c915f9
85 changed files with 696 additions and 691 deletions

View file

@ -2,11 +2,11 @@
<html><head>
<link rel='match' href='acid1_b.html'>
<meta http-equiv="content-type" content="text/html; charset=windows-1252">
<title>
display/box/float/clear test
</title>
<style type="text/css">
/* last modified: 1 Dec 98 */
<title>
display/box/float/clear test
</title>
<style type="text/css">
/* last modified: 1 Dec 98 */
html {
font: 10px/1 Verdana, sans-serif;
@ -29,9 +29,9 @@ border: 0;
padding: .5em;
}
dt {
dt {
background-color: rgb(204,0,0);
margin: 0;
margin: 0;
padding: 1em;
width: 10.638%; /* refers to parent element's width of 47em. = 5em or 50px */
height: 28em;
@ -84,12 +84,12 @@ background-color: black;
color: white;
}
form {
form {
margin: 0;
display: inline;
}
p {
p {
margin: 0;
}
@ -127,49 +127,49 @@ font-weight: normal;
font-size: 1em;
}
</style>
</head>
<body>
<dl>
<dt>
</dt>
<dd>
<ul>
<li>
</li>
<li id="bar">
<p>
</p>
<form action="./" method="get">
<p>
</p>
<p>
</p>
</form>
</li>
<li>
</li>
<li id="baz">
</li>
</ul>
<blockquote>
<address>
</address>
</blockquote>
<h1>
</h1>
</dd>
</dl>
<p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
</p>
</head>
<body>
<dl>
<dt>
</dt>
<dd>
<ul>
<li>
</li>
<li id="bar">
<p>
</p>
<form action="./" method="get">
<p>
</p>
<p>
</p>
</form>
</li>
<li>
</li>
<li id="baz">
</li>
</ul>
<blockquote>
<address>
</address>
</blockquote>
<h1>
</h1>
</dd>
</dl>
<p style="color: black; font-size: 1em; line-height: 1.3em; clear: both">
</p>
</body></html>

View file

@ -144,7 +144,7 @@
<script>
// window.scroll(0, 2684);
// setInterval(() => { console.log(window.scrollY); window.scroll(0, 2684);
//}, 10);
//}, 10);
</script>
</body>
</html>

View file

@ -8,4 +8,4 @@
<div>x</div>
</body>
</html>

View file

@ -4,26 +4,26 @@
<link rel=match href=block_formatting_context_float_placement_ref.html>
<style>
#nav-searchbar {
overflow: hidden;
overflow: hidden;
}
.nav-submit-button {
float: right;
float: right;
}
#nav-search-in {
float: left;
float: left;
}
.nav-searchfield-width {
height: 35px;
overflow: hidden;
border: solid black 1px;
height: 35px;
overflow: hidden;
border: solid black 1px;
}
</style>
</head>
<body>
<form id="nav-searchbar">
<div class="nav-submit-button">Foo</div><span id="nav-search-in">Bar</span>
<div class="nav-searchfield-width"></div>
</form>
<form id="nav-searchbar">
<div class="nav-submit-button">Foo</div><span id="nav-search-in">Bar</span>
<div class="nav-searchfield-width"></div>
</form>
</body>
</html>

View file

@ -3,23 +3,23 @@
<head>
<style>
.nav-submit-button {
float: right;
float: right;
}
#nav-search-in {
float: left;
float: left;
}
.nav-searchfield-width {
height: 35px;
overflow: hidden;
border: solid black 1px;
height: 35px;
overflow: hidden;
border: solid black 1px;
}
</style>
</head>
<body>
<form id="nav-searchbar">
<div class="nav-submit-button">Foo</div><span id="nav-search-in">Bar</span>
<div class="nav-searchfield-width"></div>
</form>
<form id="nav-searchbar">
<div class="nav-submit-button">Foo</div><span id="nav-search-in">Bar</span>
<div class="nav-searchfield-width"></div>
</form>
</body>
</html>

View file

@ -21,4 +21,4 @@
<div id="div_inner">
</div>
</div>
</body>
</body>

View file

@ -20,4 +20,4 @@
<div id="div_inner">
</div>
</div>
</body>
</body>

View file

@ -52,13 +52,13 @@
test(function() {
var flex_container0 = document.getElementById("flex-container0");
var flex_item0 = document.getElementById("flex-item0");
var flex_container1 = document.getElementById("flex-container1");
var flex_item1 = document.getElementById("flex-item1");
assert_equals(flex_container0.clientWidth, 50);
assert_equals(flex_item0.clientWidth, 5);
assert_equals(flex_container1.clientWidth, 50);
assert_equals(flex_item1.clientWidth, 5);
});

View file

@ -4,23 +4,23 @@
<link rel='match' href='float_clearance_intrinsic_width_ref.html'>
<style>
#nav-your-account {
background: lightblue;
display: inline-block;
background: lightblue;
display: inline-block;
}
.nav-button-title {
float: left;
clear: both;
float: left;
clear: both;
}
</style>
</head>
<body>
<a id="nav-your-account">
<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>
</a>
<a id="nav-your-account">
<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>
</a>
</body>
</html>

View file

@ -3,19 +3,19 @@
<head>
<style>
#nav-your-account {
background: lightblue;
display: inline-block;
background: lightblue;
display: inline-block;
}
</style>
</head>
<body>
<a id="nav-your-account">
<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>
</a>
<a id="nav-your-account">
<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>
</a>
</body>
</html>

View file

@ -1,25 +1,25 @@
<!DOCTYPE html>
<html>
<head>
<head>
<link rel='match' href='float_intrinsic_height_ref.html'>
<style type="text/css">
.otherprojects {
background-color: red;
float: left;
width: 200px;
}
.otherprojects-item {
background-color: yellow;
float: left;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div class="otherprojects">
<div class="otherprojects-item">
</div>
</div>&nbsp;
</body>
<style type="text/css">
.otherprojects {
background-color: red;
float: left;
width: 200px;
}
.otherprojects-item {
background-color: yellow;
float: left;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div class="otherprojects">
<div class="otherprojects-item">
</div>
</div>&nbsp;
</body>
</html>

View file

@ -1,22 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.otherprojects {
background-color: red;
width: 200px;
}
.otherprojects-item {
background-color: yellow;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div class="otherprojects">
<div class="otherprojects-item">
</div>
</div>
</body>
<head>
<style type="text/css">
.otherprojects {
background-color: red;
width: 200px;
}
.otherprojects-item {
background-color: yellow;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<div class="otherprojects">
<div class="otherprojects-item">
</div>
</div>
</body>
</html>

View file

@ -18,7 +18,7 @@
</head>
<body id="comment-detail">
<h4 id="LicenceTOP">IPA Font License Agreement v1.0 <a href="#LicenceJP">日本語/Japanese</a> <a href="#LicenceEng">English</a></h4>
<h3 id="LicenceJP">IPAフォントライセンスv1.0 </h3>
@ -114,7 +114,7 @@
<li>The Recipient may install the Licensed Program on any number of Computers and use the same in accordance with the provisions set forth in this Agreement.</li>
<li>The Recipient may use the Licensed Program, with or without modification in printed materials or in Digital Content as an expression of character texts or the like.</li>
<li>The Recipient may conduct Reproduction and Other Exploitation of the printed materials and Digital Content created in accordance with the preceding Paragraph, for commercial or non-commercial purposes and in any form of media including but not limited to broadcasting, communication and various recording media.</li>
<li>If any Recipient extracts Embedded Fonts from a Digital Document File to create a Derived Program, such Derived Program shall be subject to the terms of this agreement.</li>
<li>If any Recipient extracts Embedded Fonts from a Digital Document File to create a Derived Program, such Derived Program shall be subject to the terms of this agreement.</li>
<li>If any Recipient performs Reproduction or Other Exploitation of a Digital Document File in which Embedded Fonts of the Licensed Program are used only for rendering the Digital Content within such Digital Document File then such Recipient shall have no further obligations under this Agreement in relation to such actions.</li>
<li>The Recipient may reproduce the Licensed Program as is without modification and transfer such copies, publicly transmit or otherwise redistribute the Licensed Program to a third party for commercial or non-commercial purposes (“Redistribute”), in accordance with the provisions set forth in Article 3 Paragraph 2.</li>
<li>The Recipient may create, use, reproduce and/or Redistribute a Derived Program under the terms stated above for the Licensed Program: provided, that the Recipient shall follow the provisions set forth in Article 3 Paragraph 1 when Redistributing the Derived Program. </li>

View file

@ -12,11 +12,11 @@ body {margin : 0px}
</head>
<body>
<div class="start">
<div class="half"></div>
<div class="quarter"></div>
<div class="eighth"></div>
<div class="sixteenth"></div>
<div class="thirtysecond"></div>
<div class="sixtyfourth"></div>
<div class="half"></div>
<div class="quarter"></div>
<div class="eighth"></div>
<div class="sixteenth"></div>
<div class="thirtysecond"></div>
<div class="sixtyfourth"></div>
</div>
</body>

View file

@ -13,11 +13,11 @@
</head>
<body>
<div class="start">
<div class="half"></div>
<div class="quarter"></div>
<div class="eighth"></div>
<div class="sixteenth"></div>
<div class="thirtysecond"></div>
<div class="sixtyfourth"></div>
<div class="half"></div>
<div class="quarter"></div>
<div class="eighth"></div>
<div class="sixteenth"></div>
<div class="thirtysecond"></div>
<div class="sixtyfourth"></div>
</div>
</body>

View file

@ -1,25 +1,25 @@
<!DOCTYPE html>
<html class="reftest-wait">
<link rel='match' href='hide_after_create_ref.html'>
<style type="text/css">
.hidden {
display: none;
}
body {
background-color: green;
}
iframe {
background-color: red;
border: 0;
}
</style>
<style type="text/css">
.hidden {
display: none;
}
body {
background-color: green;
}
iframe {
background-color: red;
border: 0;
}
</style>
<body>
<iframe id="iframe" src="about:blank"></iframe>
<iframe id="iframe" src="about:blank"></iframe>
</body>
<script type="text/javascript">
window.onload = function() {
document.getElementById("iframe").classList.add("hidden");
window.onload = function() {
document.getElementById("iframe").classList.add("hidden");
document.documentElement.classList.remove("reftest-wait");
}
}
</script>
</html>

View file

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html>
<style type="text/css">
body {
background-color: green;
}
</style>
<style type="text/css">
body {
background-color: green;
}
</style>
<body>
</body>
</html>

View file

@ -1,21 +1,21 @@
<!DOCTYPE html>
<html class="reftest-wait">
<link rel=match href=hide_and_show_ref.html>
<style type="text/css">
.hidden {
display: none;
}
iframe {
border: 0;
}
</style>
<link rel=match href=hide_and_show_ref.html>
<style type="text/css">
.hidden {
display: none;
}
iframe {
border: 0;
}
</style>
<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>
<script type="text/javascript">
window.onload = function() {
document.getElementById("iframe").classList.remove("hidden");
document.documentElement.classList.remove("reftest-wait");
}
window.onload = function() {
document.getElementById("iframe").classList.remove("hidden");
document.documentElement.classList.remove("reftest-wait");
}
</script>
</html>

View file

@ -1,13 +1,13 @@
<!DOCTYPE html>
<html>
<style type="text/css">
div {
width: 300px;
height: 150px;
background-color: green;
}
</style>
<style type="text/css">
div {
width: 300px;
height: 150px;
background-color: green;
}
</style>
<body>
<div></div>
<div></div>
</body>
</html>

View file

@ -9,19 +9,19 @@ html, body {
line-height: 0;
}
.nav-button-outer {
background: red;
display: inline-block;
background: red;
display: inline-block;
}
.nav-down-arrow {
display: inline-block;
border-style: solid;
border-color: black;
border-width: 10px 200px 0 0;
display: inline-block;
border-style: solid;
border-color: black;
border-width: 10px 200px 0 0;
}
</style>
</head>
<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>
</html>

View file

@ -8,18 +8,18 @@ html, body {
line-height: 0;
}
.nav-button-outer {
display: inline-block;
display: inline-block;
}
.nav-down-arrow {
display: inline-block;
border-style: solid;
border-color: black;
border-width: 10px 200px 0 0;
display: inline-block;
border-style: solid;
border-color: black;
border-width: 10px 200px 0 0;
}
</style>
</head>
<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>
</html>

View file

@ -1,15 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/ahem.css">
<link rel=match href=inline_whitespace_ref.html>
<style type="text/css">
body {
background-color: #f6f6f6;
}
</style>
</head>
<body>
<span>A</span> <span>B</span>
</body>
<head>
<link rel="stylesheet" type="text/css" href="css/ahem.css">
<link rel=match href=inline_whitespace_ref.html>
<style type="text/css">
body {
background-color: #f6f6f6;
}
</style>
</head>
<body>
<span>A</span> <span>B</span>
</body>
</html>

View file

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/ahem.css">
<link rel=match href=inline_whitespace_ref.html>
<style type="text/css">
body {
background-color: #f6f6f6;
}
</style>
</head>
<body>
<span>A</span>
<span>B</span>
</body>
<head>
<link rel="stylesheet" type="text/css" href="css/ahem.css">
<link rel=match href=inline_whitespace_ref.html>
<style type="text/css">
body {
background-color: #f6f6f6;
}
</style>
</head>
<body>
<span>A</span>
<span>B</span>
</body>
</html>

View file

@ -1,14 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/ahem.css">
<style type="text/css">
body {
background-color: #f6f6f6;
}
</style>
</head>
<body>
<span>A B</span>
</body>
<head>
<link rel="stylesheet" type="text/css" href="css/ahem.css">
<style type="text/css">
body {
background-color: #f6f6f6;
}
</style>
</head>
<body>
<span>A B</span>
</body>
</html>

View file

@ -4,13 +4,13 @@
<title>Input elements shouldn't inherit parent containers alignment</title>
<link rel="match" href="input_alignment_ref.html">
<style>
div {
text-align: center;
float: left;
div {
text-align: center;
float: left;
}
</style>
</head>
<body>
<div><input value="test" /></div>
</body>
</html>
</html>

View file

@ -6,4 +6,4 @@
<body>
<input value="test" />
</body>
</html>
</html>

View file

@ -2,4 +2,4 @@
<meta charset="utf-8">
<title></title>
<link rel="match" href="input_placeholder_ref.html">
<input type=text placeholder="foo bar"><input type=text placeholder="foo bar">
<input type=text placeholder="foo bar"><input type=text placeholder="foo bar">

View file

@ -2,4 +2,4 @@
<meta charset="utf-8">
<title></title>
<link rel="match" href="input_placeholder_ref.html">
<input type=text value="foo bar"><input type=text value="foo bar">
<input type=text value="foo bar"><input type=text value="foo bar">

View file

@ -17,4 +17,4 @@ b
b
</textarea>
</body>
</html>
</html>

View file

@ -17,4 +17,4 @@ b
b
</textarea>
</body>
</html>
</html>

View file

@ -3,8 +3,8 @@
<link rel='match' href='linebreak_inline_span_b.html'>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
margin: 0px;
padding: 0px;
}
</style>
</head>

View file

@ -2,8 +2,8 @@
<head>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
margin: 0px;
padding: 0px;
}
</style>
</head>

View file

@ -6,4 +6,4 @@
<body>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAYCAYAAAFy7sgCAAAGsUlEQVRo3u2ZbWwcZxHHf3s%2B7LNbO3ZjXBtowprGODRX0qpNQCjmJKuVKhMl1P2AkCwhFOIKkCBSm9IXavGFKAixIAECwkmWo5MrhRI3Ub40IEwQgp6aIDg3Cd6eEqyIHEteah%2B1E69vhw%2BZtTaX8704ZzkKjHS6271nZ56ZZ%2BY%2F%2F%2BdZKF%2FCwYshx3EkkggLsD1v4FQkEZZYLCbAKyG9%2Ba9EIsG6hnUAf8x74K3aUC3j4%2BM54HcsR2oAIomwZOezkv%2FnSHpYNh%2BNCmAE7xv94zvFdd1bHsjMZmQkPSxAJP%2B%2FfuBLwK54PC7JZFKAVJmzXLBt2w%2FMvcDLwIb8QS8CeJ4nkURYIomw7J%2FYJ8BvSiiXptGGxWds2%2Fa9%2Bnaxh%2BYAD%2Bgt04NDgABTpQY2cvvSFLzw86gWeBVwC8SzlOSv2YeBPfmDBoBHgKmR9LBEEmHZfDTqGykqfkUE0nA78BzQGfSgUeP3wNeTXwXg7MwZDhw4UHL6ra2ti79%2FOvljgG8AZ4H64Lhm4MvAocxsRppGG%2FxcXihlwLIs6R%2FfKV2HO%2F26uA94pdDYUKUZUU7W1RQYXA98Gnhaf5%2FXWX0HeAHYoQonqa4sZSOsSWMCWeC9Yko%2BCQwBe4E6oNc0Tc91XTl1%2BaTsn9gnI%2Blhyc5nZWxsrBIkKSbl2tiic3tW53YDEwOKaoFBrcOfqKee53lG9xsPMjV784r%2F4lO%2FpPvyJ9iyZcuvFSaXK5XYeAZ4CDgGvB3MS4B54LQuWYPeuy4iRFsevsXqpuYoqVQKIH2bK1CuDQNo11o4XUzh%2FcDWYIe1LEtyuZx4niee54njOGKapgfsqlL%2Bl2OjEXg8nxrc1dJ0h3hbtL%2BGCtz7KPBF4CuBe9uB15VafE8hr9qylI3HgG8C2%2FK7VyHZoJj7MrBRm30qFotJMpkU27YlHo%2F7Ha5a%2BV%2FKRkSJ4KuKRLVLKapTjB1SzAVIjY2NSXY%2BKyPpYdk%2FsU9OXT4pruv6BdZbBQfKsVGnvWlIe1VB6VQO8JxC1vZYLCbZ%2BaxsPhpdZDyRRFhG0sPiOE6ldKBg2lRg4xF1YCDIIIKN7DGgD3gH%2BBXwejKZfPrs2tPs%2FvPN2bKuYR1nd7xLKBSSJeqoXKnERjPwNWAG%2BLn2rZuM%2B4Tpml6vaWlp4eLcxVusZq5lCgVgOVKJjRqdX86ffL4D5wIoZACnTpw4wRMdT96i%2FImOJxERAs4uVyqxUacF%2FPdiCj%2BjdRBRGFtwXVdG0sPSdbhTmkYbpH98p2RmM2JZlig1vl0GWo4NQ%2Fn%2Bs5pKRXfwjweaxy7TND3HcRZbfC6X8xVPVQlGy7WxVWlO5XRXFXm6EZmrQuSXYyPE3SiVoEhE6Wyr0u2rumO6zv%2B21AFdQAswC1wCMuUCXCmyWQus103Qg8qlDO0lxwOb%2Fl4FiK3AB3VS%2FuKKLtK%2FgbeAnwG%2FvUODuRw%2FFrR0H1UC75fwu8oJ%2FhFsW5VIG%2FBUgEIN6Y65O4AHu4Ap0zQ9y7LEcZyb9lRBUHQcRyzL8unZVBW5bFWAvAp%2BhDQ2g4F47dUYtlU6obXA54DnVdFLekjUGGifh4AFy7LEdV3xj3X9I66m0QZpGm2QrsOd0j%2B%2BU0bSw5KZzYjrun6HWlAd961i4FfCj0aN1Usau%2Bc1lmuXPFwvAEumUut7tQQvAb%2FXb%2FT0bCAej9cODg7yt%2Bm%2F8q2%2F7OUHZ76PnZ1k2p0mJzlykmPancbOTnL0whHs7CQfb%2B5mx2d3sH79%2BtCRI0c6FeaOr9ICrIQfLvA%2B8BGNXxi4R6HrisJVUWrxAVW2oMFf0Aczim8o3kV6enowDIPjF9%2Fk%2BMU3S3rrjzMMg56eHr%2BxP7qKFbASfojG6kpeDGs1tiW53RxwWT%2Bin5q8w4xpQK5evQpAR30H7ZH2khNvj7TTUd8BgD4rqmu1ZKX8qNeY%2BfHz4zlXDgT5E8tpCTUq7XSBC4Euv8227TV9fX1E73%2BYtvo27BmbS9cvFVTY3bSRFza9yOcf6Gfmygy7d%2B%2Fm%2FPnzF4DvrsBLhnJlJfwIKXxv1PheAE4qK6p4H9AGbNKTuhngBPBPXYRe4IemaT5kWZbR19fHNbmGnZ1k4r3U4glDR30Hm5qjbGjsImJEOHbsGHv27JFz5869o0eFq01Jq%2BmHAXwI6FFKagMTgHM7GzFDS%2BoeLSMv7zjzC9x4Y7gxFovVDAwMEI1GaWlpWSzRVCrFwYMH%2FXfxZ4AfAa8B%2F7lDaGg1%2FQgp43lfK0yqtRMuJa3ceKe5DfgYsCYAZ2ngD8CfAkzqTpW7xY%2F%2FSznyX%2FVeUb2kVmX4AAAAAElFTkSuQmCC"/>
</body>
</html>
</html>

View file

@ -25,8 +25,8 @@
<body>
<div id="first">
<div id="second">
<div id="abs">
</div>
<div id="abs">
</div>
</div>
</div>
</body>

View file

@ -29,10 +29,10 @@
<div id="abs">
</div>
<div id="non-cb-2">
<div id="second">
</div>
<div id="abs">
</div>
<div id="second">
</div>
<div id="abs">
</div>
</div>
</div>
</body>

View file

@ -27,8 +27,8 @@
<body>
<div id="first">
<div id="abs">
<div id="abs2">
</div>
<div id="abs2">
</div>
</div>
</div>
</body>

View file

@ -27,8 +27,8 @@
<div id="first">
<div class="row"></div>
<div class="center">
<div class="little-box">
</div>
<div class="little-box">
</div>
</div>
<div class="row"></div>
</div>

View file

@ -2,18 +2,18 @@
<html>
<head>
<link rel='match' href='position_abs_pseudo_b.html'>
<style>
<style>
body {
margin: 0;
}
div:before {
div:before {
position: absolute;
width: 100px;
height: 100px;
background-color: red;
content: "";
}
</style>
</style>
</head>
<body>
<div>

View file

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<style>
<style>
body {
margin: 0;
}
.before {
.before {
width: 100px;
height: 100px;
background-color: red;
}
</style>
</style>
</head>
<body>
<div class="before">

View file

@ -23,7 +23,7 @@
<div class="row">
</div>
<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 class="row">
</div>

View file

@ -3,7 +3,7 @@
<link rel='match' href='pseudo_content_with_layers_ref.html'>
<body>
<style>
.before-test::before {
.before-test::before {
content: " ";
position: fixed;
width: 100px;
@ -11,7 +11,7 @@
background: green;
}
.after-test::after {
.after-test::after {
content: " ";
position: fixed;
width: 100px;

View file

@ -1,17 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<head>
<link rel='match' href='table_auto_width_ref.html'>
</head>
<body>
<table>
<tbody>
<tr>
<td style="padding: 0">
<span>12345<span>67890</span></span>
</td>
</tr>
</tbody>
</table>
</body>
</head>
<body>
<table>
<tbody>
<tr>
<td style="padding: 0">
<span>12345<span>67890</span></span>
</td>
</tr>
</tbody>
</table>
</body>
</html>

View file

@ -1,16 +1,16 @@
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<table>
<tbody>
<tr>
<td style="padding: 0">
<span>1234567890</span>
</td>
</tr>
</tbody>
</table>
</body>
<head>
</head>
<body>
<table>
<tbody>
<tr>
<td style="padding: 0">
<span>1234567890</span>
</td>
</tr>
</tbody>
</table>
</body>
</html>

View file

@ -1,40 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<link rel='match' href='text_align_complex_ref.html'>
<link rel="stylesheet" type="text/css" href="css/ahem.css">
<style>
* { margin: 0px !important; padding: 0px !important; }
div {
width: 100px;
font-size: 10px;
font-family: Ahem;
padding: 10px !important;
}
</style>
</head>
<body>
<section style="text-align: right; color: #f00;">
<div style="background: #fdd;"> xx xx xx xxxx</div>
<div style="background: #fdd;"> xx xx xx xxxxxxxxxxxxx</div>
<div style="background: #fdd;">xxxxxxxxxxxxx xx xx xx xxxx</div>
</section>
<section style="text-align: center; color: #0f0;">
<div style="background: #dfd;"> xx xx xx xxxx </div>
<div style="background: #dfd;"> xx xx xx xxxxxxxxxxxxx</div>
<div style="background: #dfd;">xxxxxxxxxxxxx xx xx xx xxxx </div>
</section>
<section style="text-align: justify; color: #00f;">
<div style="background: #ddf;">xx xx xx xxxx</div>
<div style="background: #ddf;">xx xx xx xxxxxxxxxxxxx</div>
<div style="background: #ddf;">xxxxxxxxxxxxx xx xx xx xxxx </div>
</section>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<link rel='match' href='text_align_complex_ref.html'>
<link rel="stylesheet" type="text/css" href="css/ahem.css">
<style>
* { margin: 0px !important; padding: 0px !important; }
div {
width: 100px;
font-size: 10px;
font-family: Ahem;
padding: 10px !important;
}
</style>
</head>
<body>
<section style="text-align: right; color: #f00;">
<div style="background: #fdd;"> xx xx xx xxxx</div>
<div style="background: #fdd;"> xx xx xx xxxxxxxxxxxxx</div>
<div style="background: #fdd;">xxxxxxxxxxxxx xx xx xx xxxx</div>
</section>
<section style="text-align: center; color: #0f0;">
<div style="background: #dfd;"> xx xx xx xxxx </div>
<div style="background: #dfd;"> xx xx xx xxxxxxxxxxxxx</div>
<div style="background: #dfd;">xxxxxxxxxxxxx xx xx xx xxxx </div>
</section>
<section style="text-align: justify; color: #00f;">
<div style="background: #ddf;">xx xx xx xxxx</div>
<div style="background: #ddf;">xx xx xx xxxxxxxxxxxxx</div>
<div style="background: #ddf;">xxxxxxxxxxxxx xx xx xx xxxx </div>
</section>
</body>
</html>

View file

@ -4,38 +4,38 @@
<link rel="stylesheet" type="text/css" href="css/ahem.css">
<style>
* { margin: 0px !important; padding: 0px !important; }
div {
width: 100px;
font-size: 10px;
font-family: Ahem;
padding: 10px !important;
}
section.reference { text-align: left !important; }
section.reference > div { white-space: pre; }
* { margin: 0px !important; padding: 0px !important; }
div {
width: 100px;
font-size: 10px;
font-family: Ahem;
padding: 10px !important;
}
section.reference { text-align: left !important; }
section.reference > div { white-space: pre; }
</style>
</head>
<body>
<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 />xxxxxxxxxxxxx</div>
<div style="background: #fdd;">xxxxxxxxxxxxx<br /> 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;">xxxxxxxxxxxxx<br /> xx xx xx<br /> xxxx</div>
</section>
<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 />xxxxxxxxxxxxx</div>
<div style="background: #dfd;">xxxxxxxxxxxxx<br /> 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;">xxxxxxxxxxxxx<br /> xx xx xx <br /> xxxx </div>
</section>
<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 />xxxxxxxxxxxxx</div>
<div style="background: #ddf;">xxxxxxxxxxxxx<br />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;">xxxxxxxxxxxxx<br />xx xx xx<br />xxxx </div>
</section>
</body>
</html>

View file

@ -1,30 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<link rel='match' href='transform_optimization_ref.html'>
<style type="text/css">
body {
margin: 0;
}
#outer {
position: absolute;
background-color: transparent;
width: 100%;
height: 100px;
transform: translateX(300px);
}
#inner {
position: absolute;
width: 400px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
<div id="outer">
<div id="inner">
</div>
</div>
</body>
<head>
<link rel='match' href='transform_optimization_ref.html'>
<style type="text/css">
body {
margin: 0;
}
#outer {
position: absolute;
background-color: transparent;
width: 100%;
height: 100px;
transform: translateX(300px);
}
#inner {
position: absolute;
width: 400px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
<div id="outer">
<div id="inner">
</div>
</div>
</body>
</html>

View file

@ -1,23 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
margin: 0;
}
#inner {
position: absolute;
left: 300px;
width: 400px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
<div id="outer">
<div id="inner">
</div>
</div>
</body>
<head>
<style type="text/css">
body {
margin: 0;
}
#inner {
position: absolute;
left: 300px;
width: 400px;
height: 100px;
background-color: red;
}
</style>
</head>
<body>
<div id="outer">
<div id="inner">
</div>
</div>
</body>
</html>

View file

@ -148,7 +148,7 @@ otherProperties.forEach(function(testcase) {
}, 'calc for ' + testcase[0]);
});
/* TODO: test these:
/* TODO: test these:
counter-increment, counter-reset,
color, box-shadow, clip, text-shadow, transform
transition-timing-function

View file

@ -25,7 +25,7 @@ destCtx.imageSmoothingEnabled = smoothingEnabled;
// The source Image doesn't have a src url defined
// It should throw an exception because the HTMLImageElement is
// 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 {
destCtx.drawImage(sourceImg, 0, 0);
// It makes the test fail if the exception is not thrown

View file

@ -1,8 +1,8 @@
<!DOCTYPE html>
<html>
<head>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<head>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<style type="text/css">
#outer {
position: absolute;
@ -25,16 +25,16 @@
background-color: blue;
}
</style>
</head>
<body>
</head>
<body>
<div id="outer">
<div id="inner">
<div id="div"></div>
</div>
</div>
<script>
test(function() {
<script>
test(function() {
var div = document.getElementById("div");
var outer = document.getElementById("outer");
@ -45,7 +45,7 @@
assert_equals(div.offsetTop, 25);
assert_equals(div.offsetWidth, 80);
assert_equals(div.offsetHeight, 130);
});
</script>
</body>
});
</script>
</body>
</html>

View file

@ -10,20 +10,20 @@
</body>
<script>
async_test(function(t) {
setTimeout(t.step_func(function() {
var frame = document.createElement('iframe');
frame.src = "data:text/html,<p>test</p>";
document.body.appendChild(frame);
setTimeout(t.step_func(function() {
document.body.removeChild(frame);
frame = document.createElement('iframe');
frame.src = "data:text/html,<p>test</p>";
document.body.appendChild(frame);
setTimeout(t.step_func(function() {
t.done();
}), 100);
}), 100);
}), 100);
setTimeout(t.step_func(function() {
var frame = document.createElement('iframe');
frame.src = "data:text/html,<p>test</p>";
document.body.appendChild(frame);
setTimeout(t.step_func(function() {
document.body.removeChild(frame);
frame = document.createElement('iframe');
frame.src = "data:text/html,<p>test</p>";
document.body.appendChild(frame);
setTimeout(t.step_func(function() {
t.done();
}), 100);
}), 100);
}), 100);
});
</script>
</html>

View file

@ -12,12 +12,12 @@ async_test(function() {
var img = window.document.getElementsByTagName("img")[0];
img.onload = this.step_func_done(function() {
assert_equals(img.width, 500);
assert_equals(img.height, 378);
img.width = 200;
img.height = 100;
assert_equals(img.width, 200);
assert_equals(img.height, 100);
assert_equals(img.width, 500);
assert_equals(img.height, 378);
img.width = 200;
img.height = 100;
assert_equals(img.width, 200);
assert_equals(img.height, 100);
});
});
</script>

View file

@ -14,7 +14,7 @@
var elem = document.createElement("p");
assert_equals(elem.parentNode, null);
assert_equals(elem.parentElement, null);
var child = document.createElement("p");
elem.appendChild(child);

View file

@ -5,18 +5,18 @@
<script src="/resources/testharnessreport.js"></script>
<script>
test(function() {
var testBinding = new TestBinding();
assert_equals(typeof testBinding.BooleanMozPreference, "function");
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.string_test"), false);
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.string_empty"), false);
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_empty"), "");
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.space_string_test"), "test1 test2");
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.space_string_test"), "test1 test2");
var testBinding = new TestBinding();
assert_equals(typeof testBinding.BooleanMozPreference, "function");
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.string_test"), false);
assert_equals(testBinding.BooleanMozPreference("dom.testbinding.preference_value.string_empty"), false);
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_empty"), "");
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.space_string_test"), "test1 test2");
assert_equals(testBinding.StringMozPreference("dom.testbinding.preference_value.space_string_test"), "test1 test2");
}, "prefs");
</script>

View file

@ -2,4 +2,4 @@
<body>
this should be a secure connection
</body>
</html>
</html>

View file

@ -108,7 +108,7 @@
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_NEAREST);
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, image);
gl.generateMipmap(gl.TEXTURE_2D);
gl.drawArrays(gl.TRIANGLES, 0, 6);
document.documentElement.classList.remove("reftest-wait");
}