LibWeb+headless-browser: Replace ref-test manifest with link tags
Each ref test now links to its reference page with a link tag, in the same format as WPT: `<link rel="match" href="reference-page.html" />` The reference pages have all been moved into a separate `reference/` dir so that we can just treat every file in `ref/` as a test. There's no filter to only look at .html files, because we also have a .svg file in there, and there may be other formats we want to use too. But it's not too hard to add one if we need it.
Sam Atkins
Andreas Kling
|
|
@ -1,3 +1,4 @@
|
|||
<link rel="match" href="reference/border-radius-shrink-zero-sized-box-ref.html" />
|
||||
<style>
|
||||
#test {
|
||||
background-color: red;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,6 @@
|
|||
<!DOCTYPE html><style type="text/css">
|
||||
<!DOCTYPE html>
|
||||
<link rel="match" href="reference/clip-abspos-children-ref.html" />
|
||||
<style type="text/css">
|
||||
* {
|
||||
background-color: white;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,4 +1,6 @@
|
|||
<!DOCTYPE html><style type="text/css">
|
||||
<!DOCTYPE html>
|
||||
<link rel="match" href="reference/clip-ref.html" />
|
||||
<style type="text/css">
|
||||
* {
|
||||
background-color: white;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<link rel="match" href="reference/css-any-link-selector-ref.html" />
|
||||
<style>
|
||||
:any-link {
|
||||
color: orange;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
<!doctype html>
|
||||
<link rel="match" href="reference/css-attr-ref.html" />
|
||||
<style>
|
||||
.foo::before {
|
||||
content: attr(bar);
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
<!doctype html>
|
||||
<link rel="match" href="reference/css-attr-ref.html" />
|
||||
<style>
|
||||
.foo::before {
|
||||
content: attr(bar, "Well, hello friends!");
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
<!doctype html>
|
||||
<link rel="match" href="reference/css-attr-typed-ref.html" />
|
||||
<style>
|
||||
div {
|
||||
width: 100px;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
<!doctype html>
|
||||
<link rel="match" href="reference/css-attr-typed-ref.html" />
|
||||
<style>
|
||||
div {
|
||||
width: 100px;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
<html>
|
||||
<link rel="match" href="reference/css-gradient-currentcolor-ref.html" />
|
||||
<style>
|
||||
div {
|
||||
color: green;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<link rel="match" href="reference/css-gradients-ref.html" />
|
||||
<style>
|
||||
body {
|
||||
background-color: white;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,6 @@
|
|||
<!doctype html><style>
|
||||
<!doctype html>
|
||||
<link rel="match" href="reference/css-invalid-var-ref.html" />
|
||||
<style>
|
||||
div {
|
||||
color: red;
|
||||
color: var(--wat);
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
<html lang="en">
|
||||
<link rel="match" href="reference/css-lang-selector-ref.html" />
|
||||
<style>
|
||||
div {
|
||||
width: 100px;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<link rel="match" href="reference/css-local-link-selector-ref.html" />
|
||||
<style>
|
||||
:local-link {
|
||||
color: orange;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<link rel="match" href="reference/css-placeholder-shown-selector-ref.html" />
|
||||
<style>
|
||||
:placeholder-shown {
|
||||
background-color: yellow;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<link rel="match" href="reference/css-read-only-read-write-selectors-ref.html" />
|
||||
<style>
|
||||
body :read-write {
|
||||
background-color: green;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,6 @@
|
|||
<!doctype html><style type="text/css">
|
||||
<!doctype html>
|
||||
<link rel="match" href="reference/grid-items-painting-order-ref.html" />
|
||||
<style type="text/css">
|
||||
body { display: grid; }
|
||||
.foo {
|
||||
grid-area: 1 / 1 / auto / auto;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
<!doctype html>
|
||||
<link rel="match" href="reference/img-srcset-viewport-relative-sizes-ref.html" />
|
||||
<img
|
||||
sizes="100vw"
|
||||
srcset="
|
||||
|
|
|
|||
|
|
@ -1,4 +1,6 @@
|
|||
<!doctype html><style type="text/css">
|
||||
<!doctype html>
|
||||
<link rel="match" href="reference/item-with-negative-z-index-ref.html" />
|
||||
<style type="text/css">
|
||||
body { display: grid; }
|
||||
.foo {
|
||||
outline: 1px solid black;
|
||||
|
|
|
|||
|
|
@ -1,27 +0,0 @@
|
|||
{
|
||||
"clip.html": "clip-ref.html",
|
||||
"clip-abspos-children.html": "clip-abspos-children-ref.html",
|
||||
"css-any-link-selector.html": "css-any-link-selector-ref.html",
|
||||
"css-attr-basic.html": "css-attr-ref.html",
|
||||
"css-attr-fallback.html": "css-attr-ref.html",
|
||||
"css-attr-typed.html": "css-attr-typed-ref.html",
|
||||
"css-attr-typed-fallback.html": "css-attr-typed-ref.html",
|
||||
"css-gradient-currentcolor.html": "css-gradient-currentcolor-ref.html",
|
||||
"css-gradients.html": "css-gradients-ref.html",
|
||||
"css-invalid-var.html": "css-invalid-var-ref.html",
|
||||
"css-lang-selector.html": "css-lang-selector-ref.html",
|
||||
"css-local-link-selector.html": "css-local-link-selector-ref.html",
|
||||
"css-placeholder-shown-selector.html": "css-placeholder-shown-selector-ref.html",
|
||||
"css-read-only-read-write-selectors.html": "css-read-only-read-write-selectors-ref.html",
|
||||
"grid-items-painting-order.html": "grid-items-painting-order-ref.html",
|
||||
"img-srcset-viewport-relative-sizes.html": "img-srcset-viewport-relative-sizes-ref.html",
|
||||
"item-with-negative-z-index.html": "item-with-negative-z-index-ref.html",
|
||||
"opacity-stacking.html": "opacity-stacking-ref.html",
|
||||
"separate-borders-inline-table.html": "separate-borders-ref.html",
|
||||
"square-flex.html": "square-ref.html",
|
||||
"svg-gradient-spreadMethod.html": "svg-gradient-spreadMethod-ref.html",
|
||||
"svg-radialGradient.html": "svg-radialGradient-ref.html",
|
||||
"svg-symbol.html": "svg-symbol-ref.html",
|
||||
"border-radius-shrink-zero-sized-box.html": "border-radius-shrink-zero-sized-box-ref.html",
|
||||
"svg-file-matches-html-file.svg": "svg-file-matches-html-file.html"
|
||||
}
|
||||
|
|
@ -1,3 +1,4 @@
|
|||
<link rel="match" href="reference/opacity-stacking-ref.html" />
|
||||
<style>
|
||||
body {
|
||||
background-color: white;
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 317 KiB After Width: | Height: | Size: 317 KiB |
|
Before Width: | Height: | Size: 33 KiB After Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 861 KiB After Width: | Height: | Size: 861 KiB |
|
Before Width: | Height: | Size: 183 B After Width: | Height: | Size: 183 B |
|
|
@ -1,3 +1,4 @@
|
|||
<link rel="match" href="reference/separate-borders-ref.html" />
|
||||
<style type="text/css">
|
||||
td {
|
||||
border: 5px solid blue;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<link rel="match" href="reference/square-ref.html" />
|
||||
<style>
|
||||
.box {
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
|
||||
<link rel="match" href="reference/svg-file-matches-html-file.html" />
|
||||
<defs>
|
||||
<g id="10">
|
||||
<rect width="50" height="50" fill="#555555"></rect>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 214 B After Width: | Height: | Size: 286 B |
|
|
@ -1,3 +1,4 @@
|
|||
<link rel="match" href="reference/svg-gradient-spreadMethod-ref.html" />
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<link rel="match" href="reference/svg-radialGradient-ref.html" />
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<link rel="match" href="reference/svg-symbol-ref.html" />
|
||||
<svg><symbol id="dot" width="500" height="500" viewBox="0 0 2 10">
|
||||
<circle fill="green" cx="1" cy="1" r="1"/>
|
||||
<circle fill="blue" cx="1.5" cy="1" r="1"/>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 183 B After Width: | Height: | Size: 241 B |