Meta: Add DOCTYPEs to ref tests

This commit is contained in:
Psychpsyo 2025-03-18 19:29:54 +01:00 committed by Jelle Raaijmakers
commit fed0d6b892
Notes: github-actions[bot] 2025-03-20 10:51:57 +00:00
62 changed files with 62 additions and 0 deletions

View file

@ -1 +1,2 @@
<!DOCTYPE html>
<!-- This page is intentionally left blank. --> <!-- This page is intentionally left blank. -->

View file

@ -1 +1,2 @@
<!DOCTYPE html>
<a href="example.com" style="color: orange">Link</a> <a href="example.com" style="color: orange">Link</a>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<html> <html>
<style> <style>
div { div {

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<a href="https://example.com" style="color: orange"><em><span class="nice"><em>Link</em></span></em></a> <a href="https://example.com" style="color: orange"><em><span class="nice"><em>Link</em></span></em></a>
<a href="https://example.com"><em>Link</em></a> <a href="https://example.com"><em>Link</em></a>
<a href="https://example.com"><em><span class="hello"><em>Link</em></span></em></a> <a href="https://example.com"><em><span class="hello"><em>Link</em></span></em></a>

View file

@ -1,2 +1,3 @@
<!DOCTYPE html>
<a href="https://example.com" style="color: orange"><em><span class="nice"><em>Link</em></span></em></a> <a href="https://example.com" style="color: orange"><em><span class="nice"><em>Link</em></span></em></a>
<a href="https://example.com"><em>Link</em></a> <a href="https://example.com"><em>Link</em></a>

View file

@ -1,2 +1,3 @@
<!DOCTYPE html>
<a href="https://example.com" style="color: orange"><span>Link</span></a> <a href="https://example.com" style="color: orange"><span>Link</span></a>
<a href="https://example.com"><em><span>Link</span></em></a> <a href="https://example.com"><em><span>Link</span></em></a>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<a href="https://example.com" style="color: orange">Link</a><span>Hello!</span> <a href="https://example.com" style="color: orange">Link</a><span>Hello!</span>
<a href="https://example.com">Link</a><em>Hello!</em> <a href="https://example.com">Link</a><em>Hello!</em>
<a href="https://example.com">Link</a><em>Hello</em><span>world!</span> <a href="https://example.com">Link</a><em>Hello</em><span>world!</span>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<div> <div>
<a href="https://example.com" style="color: orange">Link</a><span>Hello!</span> <a href="https://example.com" style="color: orange">Link</a><span>Hello!</span>
</div> </div>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<html lang="en"> <html lang="en">
<style> <style>
div { div {

View file

@ -1,2 +1,3 @@
<!DOCTYPE html>
<a href="" style="color: orange">Local</a> <a href="" style="color: orange">Local</a>
<a href="example.com">Not local</a> <a href="example.com">Not local</a>

View file

@ -1 +1,2 @@
<!DOCTYPE html>
<a href="https://example.com"><em><span><strong>Link</strong></span></em></a> <a href="https://example.com"><em><span><strong>Link</strong></span></em></a>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<style> <style>
.placeholder-shown { .placeholder-shown {
background-color: yellow; background-color: yellow;

View file

@ -1 +1,2 @@
<!DOCTYPE html>
<a href="https://example.com"><span>foo<span style="color: red">bar</span></span></a> <a href="https://example.com"><span>foo<span style="color: red">bar</span></span></a>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<style> <style>
.read-write { .read-write {
background-color: green; background-color: green;

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<style> <style>
#text { #text {
z-index: 10; z-index: 10;

View file

@ -1 +1,2 @@
<!DOCTYPE html>
<span>hello friends</span> <span>hello friends</span>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"> <svg width="22" height="22" xmlns="http://www.w3.org/2000/svg">
<rect x="5" y="5" width="12" height="12" fill="red" /> <rect x="5" y="5" width="12" height="12" fill="red" />
</svg> </svg>

Before

Width:  |  Height:  |  Size: 186 B

After

Width:  |  Height:  |  Size: 202 B

Before After
Before After

View file

@ -1 +1,2 @@
<!DOCTYPE html>
<select><option>text</option></select> <select><option>text</option></select>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<html> <html>
<link rel="match" href="../expected/positioned-elements-in-scroll-container-ref.html" /> <link rel="match" href="../expected/positioned-elements-in-scroll-container-ref.html" />
<style> <style>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<style> <style>
* { * {
scrollbar-width: none; scrollbar-width: none;

View file

@ -1 +1,2 @@
<!DOCTYPE html>
<!-- This page intentionally left blank --> <!-- This page intentionally left blank -->

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<style type="text/css"> <style type="text/css">
td { td {
border: 5px solid blue; border: 5px solid blue;

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<svg width="120" viewBox="-10 -10 120 120"> <svg width="120" viewBox="-10 -10 120 120">
<rect x="-10" y="-10" width="120" height="120" fill="blue" /> <rect x="-10" y="-10" width="120" height="120" fill="blue" />
<rect x="50" y="10" width="40" height="80" fill="red" /> <rect x="50" y="10" width="40" height="80" fill="red" />

Before

Width:  |  Height:  |  Size: 175 B

After

Width:  |  Height:  |  Size: 191 B

Before After
Before After

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<style> <style>
.box { .box {
width: 100px; width: 100px;

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<style> <style>
* { * {
scrollbar-width: 0; scrollbar-width: 0;

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="reference/sticky-positioned-box-with-border-ref.html" /> <link rel="match" href="reference/sticky-positioned-box-with-border-ref.html" />
<style> <style>
* { * {

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<svg width="200" viewBox="0 0 100 100"> <svg width="200" viewBox="0 0 100 100">
<link rel="match" href="../expected/svg-maskContentUnits-ref.html" /> <link rel="match" href="../expected/svg-maskContentUnits-ref.html" />
<clipPath id="myClip1" clipPathUnits="userSpaceOnUse"> <clipPath id="myClip1" clipPathUnits="userSpaceOnUse">

Before

Width:  |  Height:  |  Size: 988 B

After

Width:  |  Height:  |  Size: 1,004 B

Before After
Before After

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<svg width="120" viewBox="0 0 100 100"> <svg width="120" viewBox="0 0 100 100">
<circle cx="25" cy="25" fill="blue" r="25" /> <circle cx="25" cy="25" fill="blue" r="25" />
<g><circle cx="75" cy="25" fill="red" r="25" /></g> <g><circle cx="75" cy="25" fill="red" r="25" /></g>

Before

Width:  |  Height:  |  Size: 150 B

After

Width:  |  Height:  |  Size: 166 B

Before After
Before After

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<style> <style>
* { * {
margin: 0; margin: 0;

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<style> <style>
svg { svg {
height: 200px; height: 200px;

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<style> <style>
svg { svg {
height: 200px; height: 200px;

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<svg><symbol fill="green" id="dot" width="500" height="500" viewBox="0 0 2 10"> <svg><symbol fill="green" id="dot" width="500" height="500" viewBox="0 0 2 10">
<circle cx="1" cy="1" r="1"/> <circle cx="1" cy="1" r="1"/>
<circle fill="blue" cx="1.5" cy="1" r="1"/> <circle fill="blue" cx="1.5" cy="1" r="1"/>

Before

Width:  |  Height:  |  Size: 183 B

After

Width:  |  Height:  |  Size: 199 B

Before After
Before After

View file

@ -1 +1,2 @@
<!DOCTYPE html>
<p style="color: lime; text-decoration: underline black;">Well, hello friends!</p> <p style="color: lime; text-decoration: underline black;">Well, hello friends!</p>

View file

@ -1 +1,2 @@
<!DOCTYPE html>
<!-- This page is intentionally left blank. --> <!-- This page is intentionally left blank. -->

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/border-radius-shrink-zero-sized-box-ref.html" /> <link rel="match" href="../expected/border-radius-shrink-zero-sized-box-ref.html" />
<style> <style>
#test { #test {

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/css-any-link-selector-ref.html" /> <link rel="match" href="../expected/css-any-link-selector-ref.html" />
<style> <style>
:any-link { :any-link {

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<html> <html>
<link rel="match" href="../expected/css-gradient-currentcolor-ref.html" /> <link rel="match" href="../expected/css-gradient-currentcolor-ref.html" />
<style> <style>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<html lang="en"> <html lang="en">
<link rel="match" href="../expected/css-lang-selector-ref.html" /> <link rel="match" href="../expected/css-lang-selector-ref.html" />
<style> <style>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/css-local-link-selector-ref.html" /> <link rel="match" href="../expected/css-local-link-selector-ref.html" />
<style> <style>
:local-link { :local-link {

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/css-placeholder-shown-selector-ref.html" /> <link rel="match" href="../expected/css-placeholder-shown-selector-ref.html" />
<style> <style>
:placeholder-shown { :placeholder-shown {

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/css-read-only-read-write-selectors-ref.html" /> <link rel="match" href="../expected/css-read-only-read-write-selectors-ref.html" />
<style> <style>
body :read-write { body :read-write {

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/inline-stacking-context-ref.html" /><style> <link rel="match" href="../expected/inline-stacking-context-ref.html" /><style>
span { span {
z-index: 10; z-index: 10;

View file

@ -1,2 +1,3 @@
<!DOCTYPE html>
<link rel="match" href="../expected/inline-visibility-hidden-ref.html" /> <link rel="match" href="../expected/inline-visibility-hidden-ref.html" />
<span>hello friends<span style="visibility: hidden"> and enemies</span></span> <span>hello friends<span style="visibility: hidden"> and enemies</span></span>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<style> <style>
img { border: 1px solid black; } img { border: 1px solid black; }
</style> </style>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/options-set-index.html" /> <link rel="match" href="../expected/options-set-index.html" />
<select id="select"></select> <select id="select"></select>
<script> <script>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<html> <html>
<link rel="match" href="../expected/positioned-elements-in-scroll-container-ref.html" /> <link rel="match" href="../expected/positioned-elements-in-scroll-container-ref.html" />
<style> <style>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/scrollable-box-with-nested-stacking-context-ref.html" /> <link rel="match" href="../expected/scrollable-box-with-nested-stacking-context-ref.html" />
<style> <style>
* { * {

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/separate-borders-ref.html" /> <link rel="match" href="../expected/separate-borders-ref.html" />
<style type="text/css"> <style type="text/css">
td { td {

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/simple-svg-mask-ref.html" /> <link rel="match" href="../expected/simple-svg-mask-ref.html" />
<svg width="120" viewBox="-10 -10 120 120"> <svg width="120" viewBox="-10 -10 120 120">
<mask id="myMask"> <mask id="myMask">

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/square-ref.html" /> <link rel="match" href="../expected/square-ref.html" />
<style> <style>
.box { .box {

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/sticky-box-with-percentage-insets-ref.html" /> <link rel="match" href="../expected/sticky-box-with-percentage-insets-ref.html" />
<style> <style>
* { * {

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/sticky-positioned-box-with-border-ref.html" /> <link rel="match" href="../expected/sticky-positioned-box-with-border-ref.html" />
<style> <style>
* { * {

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/simple-svg-mask-ref.html" /> <link rel="match" href="../expected/simple-svg-mask-ref.html" />
<svg width="120" viewBox="-10 -10 120 120"> <svg width="120" viewBox="-10 -10 120 120">
<defs> <defs>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/simple-svg-mask-ref.html" /> <link rel="match" href="../expected/simple-svg-mask-ref.html" />
<svg width="120" viewBox="-10 -10 120 120"> <svg width="120" viewBox="-10 -10 120 120">
<defs> <defs>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/svg-display-attr.html" /> <link rel="match" href="../expected/svg-display-attr.html" />
<svg width="120" viewBox="0 0 100 100"> <svg width="120" viewBox="0 0 100 100">
<circle cx="25" cy="25" fill="blue" r="25" /> <circle cx="25" cy="25" fill="blue" r="25" />

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/simple-svg-mask-ref.html" /> <link rel="match" href="../expected/simple-svg-mask-ref.html" />
<svg width="120" viewBox="-10 -10 120 120"> <svg width="120" viewBox="-10 -10 120 120">
<defs> <defs>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/simple-svg-mask-ref.html" /> <link rel="match" href="../expected/simple-svg-mask-ref.html" />
<svg width="120" viewBox="-10 -10 120 120"> <svg width="120" viewBox="-10 -10 120 120">
<defs> <defs>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/svg-overflow-hidden-ref.html" /> <link rel="match" href="../expected/svg-overflow-hidden-ref.html" />
<style> <style>
svg { svg {

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/svg-overflow-visible-ref.html" /> <link rel="match" href="../expected/svg-overflow-visible-ref.html" />
<style> <style>
svg { svg {

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<link rel="match" href="../expected/svg-symbol-ref.html" /> <link rel="match" href="../expected/svg-symbol-ref.html" />
<svg><symbol id="dot" width="500" height="500" viewBox="0 0 2 10"> <svg><symbol id="dot" width="500" height="500" viewBox="0 0 2 10">
<circle fill="green" cx="1" cy="1" r="1"/> <circle fill="green" cx="1" cy="1" r="1"/>

View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<!-- matches against itself because the only thing being tested is that this does not crash. --> <!-- matches against itself because the only thing being tested is that this does not crash. -->
<link rel="match" href="./svg-text-crash.html" /> <link rel="match" href="./svg-text-crash.html" />
<svg> <svg>

View file

@ -1,2 +1,3 @@
<!DOCTYPE html>
<link rel="match" href="../expected/webkit-text-fill-color.html" /> <link rel="match" href="../expected/webkit-text-fill-color.html" />
<p style="text-decoration: underline; -webkit-text-fill-color: lime">Well, hello friends!</p> <p style="text-decoration: underline; -webkit-text-fill-color: lime">Well, hello friends!</p>