summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorBastien ROUCARIÈS <roucaries.bastien@gmail.com>2018-05-15 00:16:28 +0200
committerDebian Janitor <janitor@jelmer.uk>2021-08-28 22:07:16 +0200
commit21bfef2f252976878d623084507bf8385bf63a42 (patch)
treed6ba9dbad09fa4b4199463a6f7d8db22c902c58a
parent247c290c55386f7f3f7f749be70714f96bf7646a (diff)
Fix html file
Fowarwarde: not needed Gbp-Pq: Name 0004-Fix-html-file.patch
-rw-r--r--test.html99
1 files changed, 51 insertions, 48 deletions
diff --git a/test.html b/test.html
index 4d7f3e2..450d217 100644
--- a/test.html
+++ b/test.html
@@ -1,11 +1,12 @@
<!DOCTYPE html>
-<html lang="en">
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width,initial-scale=1">
+<html lang="en" dir="ltr">
+<head>
+<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Normalize CSS: UI tests</title>
-<script src="../../../javascript/html5shiv/html5shiv.min.js"></script>
-<link rel="stylesheet" href="normalize.css">
-<style>
+<script src="../../../javascript/html5shiv/html5shiv.min.js" type="javascript"></script>
+<script src="file:///usr/share/javascript/html5shiv/html5shiv.min.js" type="javascript"></script>
+<link rel="stylesheet" href="normalize.css" />
+<style type="text/css">
/*! suit-test v0.1.0 | MIT License | github.com/suitcss */
.Test {
@@ -79,7 +80,8 @@
outline: 1px solid #ADD8E6;
}
</style>
-
+</head>
+<body>
<div class="Test">
.
@@ -139,9 +141,8 @@
<audio>audio</audio>
<template>
<h1>{{title}}</h1>
- <content></content>
</template>
- <p hidden>This should be hidden</p>
+ <p hidden="hidden">This should be hidden</p>
</div>
<h2 class="Test-describe"><code>a</code></h2>
@@ -218,14 +219,14 @@
<div class="Test-run">
<a href="#non">
<!-- scaled-up 1px image -->
- <img style="background-color:#ADD8E6" src="" width="100" height="100" id="onepixel1">
+ <img style="background-color:#ADD8E6" src="overwritenbyjs.png" width="100" height="100" id="onepixel1" />
</a>
</div>
<h2 class="Test-describe"><code>svg</code></h2>
<h3 class="Test-it">should not overflow</h3>
<div class="Test-run Test-run--highlightEl">
- <svg width="100px" height="100px">
+ <svg width="100" height="100">
<circle cx="100" cy="100" r="100" fill="#ADD8E6" />
</svg>
</div>
@@ -233,9 +234,9 @@
<h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
<h3 class="Test-it">should render text at the same absolute size as normal text</h3>
<div class="Test-run">
- <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
- <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
- <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br />
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br />
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br />
<samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
<pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
</div>
@@ -244,32 +245,32 @@
<h3 class="Test-it">should have margins</h3>
<div class="Test-run" style="outline:1px solid #ADD8E6; overflow:hidden;">
<figure>
- <img style="background-color:#ADD8E6" src="" width="400" height="200" id="onepixel2">
+ <img style="background-color:#ADD8E6" src="overwrittenbyjs.png" width="400" height="200" id="onepixel2" />
</figure>
</div>
<h2 class="Test-describe"><code>hr</code></h2>
<h3 class="Test-it">should have a <code>content-box</code> box model</h3>
<div class="Test-run" style="">
- <hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;">
+ <hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;" />
</div>
<h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
<h3 class="Test-it">should inherit <code>font-size</code> from ancestor</h3>
<div class="Test-run" style="font-size: 20px;">
- <button>button</button><br>
- <input value="input"><br>
+ <button>button</button><br />
+ <input value="input" /><br />
<select style="border:1px solid #999;">
<optgroup label="optgroup">
<option>option</option>
</optgroup>
<option>option</option>
- </select><br>
- <textarea>textarea</textarea>
+ </select><br />
+ <textarea cols="30" rows="5">textarea</textarea>
</div>
<h3 class="Test-it">should not have margins</h3>
<div class="Test-run" id="form-collection-margins">
- <style>
+ <style type="text/css">
#form-collection-margins {
outline: 1px solid #ADD8E6;
overflow: hidden;
@@ -283,20 +284,20 @@
}
</style>
<button>button</button>
- <input value="input">
+ <input value="input" />
<select style="border:1px solid #999;">
<optgroup label="optgroup">
<option>option</option>
</optgroup>
<option>option</option>
</select>
- <textarea>textarea</textarea>
+ <textarea cols="30" rows="5">textarea</textarea>
</div>
<h2 class="Test-describe"><code>button</code></h2>
<h3 class="Test-it">should have visible overflow</h3>
<div class="Test-run" id="button-overflow">
- <style>
+ <style type="text/css">
#button-overflow button:after {
content: "";
background: #ADD8E6;
@@ -320,7 +321,7 @@
<h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
<h3 class="Test-it">should be styleable</h3>
<div class="Test-run" id="button-like-style">
- <style>
+ <style type="text/css">
#button-like-style button,
#button-like-style input {
background: #ADD8E6;
@@ -330,26 +331,26 @@
}
</style>
<p><button>button</button></p>
- <p><input type="image" src="test.svg" alt="input (image)"></p>
- <p><input type="button" value="input (button)"></p>
- <p><input type="file" value="input (file)"></p>
- <p><input type="reset" value="input (reset)"></p>
- <p><input type="submit" value="input (submit)"></p>
+ <p><input type="image" src="test.svg" alt="input (image)" /></p>
+ <p><input type="button" value="input (button)" /></p>
+ <p><input type="file" value="input (file)" /></p>
+ <p><input type="reset" value="input (reset)" /></p>
+ <p><input type="submit" value="input (submit)" /></p>
</div>
<h2 class="Test-describe">disabled <code>button</code> and <code>input</code></h2>
<h3 class="Test-it">should have <code>default</code> cursor style</h3>
<div class="Test-run">
- <p><button disabled>button</button></p>
- <p><input disabled type="button" value="input (button)"></p>
- <p><input disabled type="reset" value="input (reset)"></p>
- <p><input disabled type="submit" value="input (submit)"></p>
+ <p><button disabled="disabled">button</button></p>
+ <p><input disabled="disabled" type="button" value="input (button)" /></p>
+ <p><input disabled="disabled" type="reset" value="input (reset)" /></p>
+ <p><input disabled="disabled" type="submit" value="input (submit)" /></p>
</div>
<h2 class="Test-describe"><code>button</code>, <code>input</code></h2>
<h3 class="Test-it">should not have extra inner padding in Firefox</h3>
<div class="Test-run" id="button-input-padding">
- <style>
+ <style type="text/css">
#button-input-padding button,
#button-input-padding input {
border: 0;
@@ -358,9 +359,9 @@
}
</style>
<p><button>button</button></p>
- <p><input type="button" value="input (button)"></p>
- <p><input type="reset" value="input (reset)"></p>
- <p><input type="submit" value="input (submit)"></p>
+ <p><input type="button" value="input (button)" /></p>
+ <p><input type="reset" value="input (reset)" /></p>
+ <p><input type="submit" value="input (submit)" /></p>
</div>
<h2 class="Test-describe"><code>fieldset</code></h2>
@@ -394,13 +395,13 @@
<h2 class="Test-describe"><code>textarea</code></h2>
<h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
<div class="Test-run">
- <textarea>textarea</textarea>
+ <textarea cols="30" rows="5">textarea</textarea>
</div>
<h2 class="Test-describe"><code>[type="checkbox"]</code>, <code>[type="radio"]</code></h2>
<h3 class="Test-it">should have a <code>border-box</code> box model</h3>
<div class="Test-run Test-run--highlightEl" id="radio-box-model">
- <style>
+ <style type="text/css">
#radio-box-model {
width: 200px;
border: 1px solid red;
@@ -413,33 +414,33 @@
position: relative;
}
</style>
- <input type="checkbox">
- <input type="radio" name="rad">
+ <input type="checkbox" />
+ <input type="radio" name="rad" />
</div>
<h3 class="Test-it">should not have padding</h3>
<div class="Test-run Test-run--highlightEl">
- <input type="checkbox">
- <input type="radio" name="rad">
+ <input type="checkbox" />
+ <input type="radio" name="rad" />
</div>
<h2 class="Test-describe"><code>[type="number"]</code></h2>
<h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
<div class="Test-run">
- <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5" />
</div>
<h2 class="Test-describe"><code>[type="search"]</code></h2>
<h3 class="Test-it">should be styleable</h3>
<div class="Test-run">
- <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
+ <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;" />
</div>
<h3 class="Test-it">should reference inherited color</h3>
<div class="Test-run">
- <input type="text" placeholder="Text goes here" style="background-color: black; color: orange;">
+ <input type="text" placeholder="Text goes here" style="background-color: black; color: orange;" />
</div>
</div>
-<script>
+<script type="javascript">
var canvas = document.createElement('canvas');
if (!canvas.getContext) G_vmlCanvasManager.initElement(canvas);
@@ -454,3 +455,5 @@
document.getElementById("onepixel1").setAttribute("src",createPixel(255,0,0,0));
document.getElementById("onepixel2").setAttribute("src",createPixel(255,0,0,0));
</script>
+</body>
+</html>