diff options
Diffstat (limited to 'testing/web-platform/tests/html/rendering/replaced-elements/images')
8 files changed, 88 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/rendering/replaced-elements/images/blocked-by-csp-ref.html b/testing/web-platform/tests/html/rendering/replaced-elements/images/blocked-by-csp-ref.html new file mode 100644 index 0000000000..f37d8a3ec9 --- /dev/null +++ b/testing/web-platform/tests/html/rendering/replaced-elements/images/blocked-by-csp-ref.html @@ -0,0 +1,5 @@ +<!doctype html> +<title>Test reference</title> +<style>img { border: solid; }</style> +It should say PASS below:<br> +<img alt="PASS"> diff --git a/testing/web-platform/tests/html/rendering/replaced-elements/images/blocked-by-csp.html b/testing/web-platform/tests/html/rendering/replaced-elements/images/blocked-by-csp.html new file mode 100644 index 0000000000..2416e5dfd0 --- /dev/null +++ b/testing/web-platform/tests/html/rendering/replaced-elements/images/blocked-by-csp.html @@ -0,0 +1,8 @@ +<!doctype html> +<title>Images behave the same when blocked by CSP as when failing to load/broken</title> +<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1664156"> +<link rel="match" href="blocked-by-csp-ref.html"> +<meta http-equiv=content-security-policy content="img-src 'none'"> +<style>img { border: solid; }</style> +It should say PASS below:<br> +<img src=image alt="PASS"> diff --git a/testing/web-platform/tests/html/rendering/replaced-elements/images/input-image-content-ref.html b/testing/web-platform/tests/html/rendering/replaced-elements/images/input-image-content-ref.html new file mode 100644 index 0000000000..37af13329e --- /dev/null +++ b/testing/web-platform/tests/html/rendering/replaced-elements/images/input-image-content-ref.html @@ -0,0 +1,7 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Input type=image with CSS content.</title> +<link rel="author" href="mailto:masonf@chromium.org"> + +You should see a red dot.<br> +<input type="image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="> diff --git a/testing/web-platform/tests/html/rendering/replaced-elements/images/input-image-content.html b/testing/web-platform/tests/html/rendering/replaced-elements/images/input-image-content.html new file mode 100644 index 0000000000..5376e8033f --- /dev/null +++ b/testing/web-platform/tests/html/rendering/replaced-elements/images/input-image-content.html @@ -0,0 +1,14 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>Input type=image with CSS content.</title> +<link rel="author" href="mailto:masonf@chromium.org"> +<link rel="match" href="input-image-content-ref.html"> + +You should see a red dot.<br> +<style> + input { + content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==); + } +</style> + +<input type="image"> diff --git a/testing/web-platform/tests/html/rendering/replaced-elements/images/revoked-blob-print-ref.html b/testing/web-platform/tests/html/rendering/replaced-elements/images/revoked-blob-print-ref.html new file mode 100644 index 0000000000..6b2f0bb606 --- /dev/null +++ b/testing/web-platform/tests/html/rendering/replaced-elements/images/revoked-blob-print-ref.html @@ -0,0 +1,3 @@ +<!doctype html> +<title>Test reference</title> +<img width=100 height=50 src="/images/black-rectangle.png"> diff --git a/testing/web-platform/tests/html/rendering/replaced-elements/images/revoked-blob-print.html b/testing/web-platform/tests/html/rendering/replaced-elements/images/revoked-blob-print.html new file mode 100644 index 0000000000..fd5c2c5754 --- /dev/null +++ b/testing/web-platform/tests/html/rendering/replaced-elements/images/revoked-blob-print.html @@ -0,0 +1,24 @@ +<!doctype html> +<html class="test-wait"> +<title>Printing an image with src="revoked-blob"</title> +<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> +<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1665343"> +<link rel="match" href="revoked-blob-print-ref.html"> +<img width=100 height=50> +<script> + let canvas = document.createElement("canvas"); + canvas.width = 100; + canvas.height = 50; + let ctx = canvas.getContext("2d"); + ctx.fillRect(0, 0, 100, 50); + canvas.toBlob(function(blob) { + let img = document.querySelector("img"); + let url = URL.createObjectURL(blob); + img.onload = function() { + URL.revokeObjectURL(url); + document.documentElement.className = ""; + }; + img.src = url; + }); +</script> +</html> diff --git a/testing/web-platform/tests/html/rendering/replaced-elements/images/space-ref.html b/testing/web-platform/tests/html/rendering/replaced-elements/images/space-ref.html new file mode 100644 index 0000000000..0cf272e162 --- /dev/null +++ b/testing/web-platform/tests/html/rendering/replaced-elements/images/space-ref.html @@ -0,0 +1,13 @@ +<!doctype html> +<meta charset=utf-8> +<title>img hspace/vspace - reference</title> +<style> +span { background: blue; } +</style> +<div style=width:400px;> +<p><span><img src=/images/green.png></span> +<p><span><img src=/images/green.png style="margin: 0 10px"></span> +<p><span><img src=/images/green.png style="margin: 10px 0"></span> +<p><span><img src=/images/green.png style="margin: 0 10%"></span> +<p><span><img src=/images/green.png style="margin: 10% 0"></span> +</div> diff --git a/testing/web-platform/tests/html/rendering/replaced-elements/images/space.html b/testing/web-platform/tests/html/rendering/replaced-elements/images/space.html new file mode 100644 index 0000000000..fee115dfce --- /dev/null +++ b/testing/web-platform/tests/html/rendering/replaced-elements/images/space.html @@ -0,0 +1,14 @@ +<!doctype html> +<meta charset=utf-8> +<title>img hspace/vspace</title> +<link rel=match href=space-ref.html> +<style> +span { background: blue; } +</style> +<div style=width:400px;> +<p><span><img src=/images/green.png></span> +<p><span><img src=/images/green.png hspace=10></span> +<p><span><img src=/images/green.png vspace=10></span> +<p><span><img src=/images/green.png hspace=10%></span> +<p><span><img src=/images/green.png vspace=10%></span> +</div> |