diff options
author | Bastien ROUCARIÈS <roucaries.bastien@gmail.com> | 2018-05-15 00:16:28 +0200 |
---|---|---|
committer | Debian Janitor <janitor@jelmer.uk> | 2021-08-28 22:07:16 +0200 |
commit | 21bfef2f252976878d623084507bf8385bf63a42 (patch) | |
tree | d6ba9dbad09fa4b4199463a6f7d8db22c902c58a | |
parent | 247c290c55386f7f3f7f749be70714f96bf7646a (diff) |
Fix html file
Fowarwarde: not needed
Gbp-Pq: Name 0004-Fix-html-file.patch
-rw-r--r-- | test.html | 99 |
1 files changed, 51 insertions, 48 deletions
@@ -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> |