diff options
Diffstat (limited to 'testing/web-platform/tests/css/zoom')
19 files changed, 157 insertions, 155 deletions
diff --git a/testing/web-platform/tests/css/zoom/iframe-zoom-nested.html b/testing/web-platform/tests/css/zoom/iframe-zoom-nested.html new file mode 100644 index 0000000000..22a491eb0b --- /dev/null +++ b/testing/web-platform/tests/css/zoom/iframe-zoom-nested.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<title>nested iframes with CSS zoom</title> +<link rel="author" title="Yotam Hacohen" href="mailto:yotha@chromium.org"> +<link rel="author" title="Google" href="http://www.google.com/"> +<link href="reference/iframe-zoom-nested-ref.html" rel="match"> +<link rel="help" href="https://drafts.csswg.org/css-viewport/"> +<head> + <style> + body { + overflow: hidden; + } + + div { + margin: 0px; + padding: 0px; + overflow: visible; + } + + iframe { + overflow: visible; + border: none; + } + </style> +</head> +<body> + <div id="no_zoom"> + <iframe src="resources/nested-iframe-no-zoom.html" scrolling="no"></iframe> + </div> + <div id="no_zoom2"> + <iframe src="resources/nested-iframe-with-zoom.html" scrolling="no"></iframe> + </div> + <div id="with_zoom" style="zoom: 2;"> + <iframe src="resources/nested-iframe-no-zoom.html" scrolling="no"></iframe> + </div> + <div id="another_with_zoom" style="zoom: 2;"> + <iframe src="resources/nested-iframe-with-zoom.html" scrolling="no"></iframe> + </div> +</body> diff --git a/testing/web-platform/tests/css/zoom/iframe-zoom.sub.html b/testing/web-platform/tests/css/zoom/iframe-zoom.sub.html new file mode 100644 index 0000000000..82a202161b --- /dev/null +++ b/testing/web-platform/tests/css/zoom/iframe-zoom.sub.html @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<title>iframe in an element with CSS zoom</title> +<link rel="author" title="Yotam Hacohen" href="mailto:yotha@chromium.org"> +<link rel="author" title="Google" href="http://www.google.com/"> +<link href="reference/iframe-zoom-ref.html" rel="match"> +<link rel="help" href="https://drafts.csswg.org/css-viewport/"> + +<head> + <style> + body { + overflow: hidden; + } + + div { + margin: 0px; + padding: 0px; + } + + iframe { + height: 80px; + width: 80px; + border: none; + } + </style> +</head> + +<body> + + <div id="no_zoom"> + <iframe src="resources/iframe_content.html"></iframe> + </div> + + <div id="with_zoom" style="zoom: 3;"> + <iframe src="resources/iframe_content.html"></iframe> + </div> + + <div id="another_with_zoom" style="zoom: 3;"> + <iframe src="http://{{hosts[alt][]}}:{{ports[http][0]}}/css/zoom/tentative/resources/iframe_content.html"></iframe> + </div> + +</body> diff --git a/testing/web-platform/tests/css/zoom/reference/iframe-zoom-nested-ref.html b/testing/web-platform/tests/css/zoom/reference/iframe-zoom-nested-ref.html new file mode 100644 index 0000000000..b855278516 --- /dev/null +++ b/testing/web-platform/tests/css/zoom/reference/iframe-zoom-nested-ref.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<title>ref for nested iframes with css zoom</title> +<link rel="author" title="Yotam Hacohen" href="mailto:yotha@chromium.org"> +<link rel="author" title="Google" href="http://www.google.com/"> +<link rel="help" href="https://drafts.csswg.org/css-viewport/"> + +<head> + <style> + iframe { + border: none; + margin: 0px; + padding: 0px; + } + </style> +</head> + +<body> + + <div id="no_zoom"> + <iframe style="height: 80px;" srcdoc='<body style="margin: 0;"><div id="target" style="background-color: aqua; width: 64px; height: 64px;"></div></body>'></iframe> + </div> + + <div id="with_zoom"> + <iframe style="height: 248px;" srcdoc='<body style="margin: 0;"><div id="target" style="background-color: aqua; width: 64px; height: 64px; zoom: 2;"></div></body>'></iframe> + </div> + + <div id="another_with_zoom"> + <iframe style="height: 248px;" srcdoc='<body style="margin: 0;"><div id="target" style="background-color: aqua; width: 64px; height: 64px; zoom: 2;"></div></body>'></iframe> + </div> + + <div id="another_with_zoom"> + <iframe style="height: 260px;" srcdoc='<body style="margin: 0;"><div id="target" style="background-color: aqua; width: 64px; height: 64px; zoom: 4;"></div></body>'></iframe> + </div> + +</body> diff --git a/testing/web-platform/tests/css/zoom/reference/iframe-zoom-ref.html b/testing/web-platform/tests/css/zoom/reference/iframe-zoom-ref.html new file mode 100644 index 0000000000..43bc3e24cf --- /dev/null +++ b/testing/web-platform/tests/css/zoom/reference/iframe-zoom-ref.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<title>ref for iframe in an element with css zoom</title> +<link rel="author" title="Yotam Hacohen" href="mailto:yotha@chromium.org"> +<link rel="author" title="Google" href="http://www.google.com/"> +<link rel="help" href="https://drafts.csswg.org/css-viewport/"> + +<head> + <style> + iframe { + border: none; + margin: 0px; + padding: 0px; + } + </style> +</head> + +<body> + + <div id="no_zoom"> + <iframe style="height: 80px;" srcdoc='<body style="margin: 0;"><div id="target" style="background-color: aqua; width: 64px; height: 64px;"></div></body>'></iframe> + </div> + + <div id="with_zoom"> + <iframe style="height: 248px;" srcdoc='<body style="margin: 0;"><div id="target" style="background-color: aqua; width: 64px; height: 64px; zoom: 3;"></div></body>'></iframe> + </div> + + <div id="another_with_zoom"> + <iframe style="height: 240px;" srcdoc='<body style="margin: 0;"><div id="target" style="background-color: aqua; width: 64px; height: 64px; zoom: 3;"></div></body>'></iframe> + </div> + +</body> diff --git a/testing/web-platform/tests/css/zoom/resources/iframe_content.html b/testing/web-platform/tests/css/zoom/resources/iframe_content.html new file mode 100644 index 0000000000..58c4d03a46 --- /dev/null +++ b/testing/web-platform/tests/css/zoom/resources/iframe_content.html @@ -0,0 +1,4 @@ +<!DOCTYPE html> +<body style="margin: 0"> + <div id="target" style="background-color: aqua; width: 64px; height: 64px;"></div> +</body> diff --git a/testing/web-platform/tests/css/zoom/resources/nested-iframe-no-zoom.html b/testing/web-platform/tests/css/zoom/resources/nested-iframe-no-zoom.html new file mode 100644 index 0000000000..60b1fd6481 --- /dev/null +++ b/testing/web-platform/tests/css/zoom/resources/nested-iframe-no-zoom.html @@ -0,0 +1,4 @@ +<!DOCTYPE html> +<div> +<iframe src="iframe_content.html" style="overflow: visible; width: 80px; border: none;" scrolling="no"></iframe> +</div> diff --git a/testing/web-platform/tests/css/zoom/resources/nested-iframe-with-zoom.html b/testing/web-platform/tests/css/zoom/resources/nested-iframe-with-zoom.html new file mode 100644 index 0000000000..e7de64aafb --- /dev/null +++ b/testing/web-platform/tests/css/zoom/resources/nested-iframe-with-zoom.html @@ -0,0 +1,4 @@ +<!DOCTYPE html> +<div style="zoom: 3;"> +<iframe src="iframe_content.html" style="overflow: visible; height: 80px; width: 80px; border: none;" scrolling="no"></iframe> +</div> diff --git a/testing/web-platform/tests/css/zoom/tentative/background-image-ref.html b/testing/web-platform/tests/css/zoom/tentative/background-image-ref.html deleted file mode 100644 index 6fe548f343..0000000000 --- a/testing/web-platform/tests/css/zoom/tentative/background-image-ref.html +++ /dev/null @@ -1,10 +0,0 @@ -<!doctype html> -<title>CSS Test Reference</title> -<style> -div { - width: 10px; - height: 10px; - background-image: image-set(url("/images/pattern.png") 2x); -} -</style> -<div></div> diff --git a/testing/web-platform/tests/css/zoom/tentative/background-image.html b/testing/web-platform/tests/css/zoom/tentative/background-image.html deleted file mode 100644 index db6baa60db..0000000000 --- a/testing/web-platform/tests/css/zoom/tentative/background-image.html +++ /dev/null @@ -1,12 +0,0 @@ -<!doctype html> -<title>Zoom affects background-image intrinsic sizes</title> -<link rel="match" href="background-image-ref.html"> -<style> -div { - width: 20px; - height: 20px; - zoom: 0.5; - background-image: url("/images/pattern.png"); /* 20x20 */ -} -</style> -<div></div> diff --git a/testing/web-platform/tests/css/zoom/tentative/basic-ref.html b/testing/web-platform/tests/css/zoom/tentative/basic-ref.html deleted file mode 100644 index 5de90caf7f..0000000000 --- a/testing/web-platform/tests/css/zoom/tentative/basic-ref.html +++ /dev/null @@ -1,10 +0,0 @@ -<!doctype html> -<meta charset="utf-8"> -<title>CSS test reference</title> -<style> -div { - background-color: green; -} -</style> -<div style="width: 100px; height: 100px"></div> -<div style="width: 200px; height: 200px;"></div> diff --git a/testing/web-platform/tests/css/zoom/tentative/basic.html b/testing/web-platform/tests/css/zoom/tentative/basic.html deleted file mode 100644 index fcd1761cfa..0000000000 --- a/testing/web-platform/tests/css/zoom/tentative/basic.html +++ /dev/null @@ -1,15 +0,0 @@ -<!doctype html> -<meta charset="utf-8"> -<title>zoom property: basic test</title> -<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> -<link rel="author" href="https://mozilla.com" title="Mozilla"> -<link rel="match" href="basic-ref.html"> -<style> -div { - width: 100px; - height: 100px; - background-color: green; -} -</style> -<div></div> -<div style="zoom: 2"></div> diff --git a/testing/web-platform/tests/css/zoom/tentative/green-square-100px.html b/testing/web-platform/tests/css/zoom/tentative/green-square-100px.html deleted file mode 100644 index 6677176230..0000000000 --- a/testing/web-platform/tests/css/zoom/tentative/green-square-100px.html +++ /dev/null @@ -1,3 +0,0 @@ -<!doctype html> -<meta charset="utf-8"> -<div style="width: 100px; height: 100px; background-color: green"></div> diff --git a/testing/web-platform/tests/css/zoom/tentative/image-intrinsic-size.html b/testing/web-platform/tests/css/zoom/tentative/image-intrinsic-size.html deleted file mode 100644 index d152bb24ee..0000000000 --- a/testing/web-platform/tests/css/zoom/tentative/image-intrinsic-size.html +++ /dev/null @@ -1,14 +0,0 @@ -<!doctype html> -<meta charset="utf-8"> -<title>Zoom affects image intrinsic sizes</title> -<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> -<link rel="author" title="Mozilla" href="https://mozilla.org"> -<link rel="help" href="https://drafts.csswg.org/css-viewport/#zoom-property"> -<link rel="match" href="background-image-ref.html"> -<style> -img { - vertical-align: top; - zoom: .5; -} -</style> -<img src="/images/pattern.png"> diff --git a/testing/web-platform/tests/css/zoom/tentative/inherited-length.html b/testing/web-platform/tests/css/zoom/tentative/inherited-length.html deleted file mode 100644 index 2bc04ff0cb..0000000000 --- a/testing/web-platform/tests/css/zoom/tentative/inherited-length.html +++ /dev/null @@ -1,14 +0,0 @@ -<!doctype html> -<meta charset="utf-8"> -<title>zoom property: inherited length into zoom</title> -<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> -<link rel="author" href="https://mozilla.com" title="Mozilla"> -<link rel="match" href="green-square-100px.html"> -<style> -div { - background-color: green; -} -</style> -<div style="width: 100px; height: 100px;"> - <div style="zoom: 2; width: inherit;"></div> -</div> diff --git a/testing/web-platform/tests/css/zoom/tentative/inherited.html b/testing/web-platform/tests/css/zoom/tentative/inherited.html deleted file mode 100644 index baa7f7ed8a..0000000000 --- a/testing/web-platform/tests/css/zoom/tentative/inherited.html +++ /dev/null @@ -1,20 +0,0 @@ -<!doctype html> -<meta charset="utf-8"> -<title>Effective zoom value is inherited</title> -<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> -<link rel="author" href="https://mozilla.com" title="Mozilla"> -<link rel="match" href="basic-ref.html"> -<style> -.container { - zoom: 2; -} -.child { - width: 100px; - height: 100px; - background-color: green; -} -</style> -<div class="child"></div> -<div class="container"> - <div class="child"></div> -</div> diff --git a/testing/web-platform/tests/css/zoom/tentative/parsing/zoom-computed.html b/testing/web-platform/tests/css/zoom/tentative/parsing/zoom-computed.html deleted file mode 100644 index 3737901490..0000000000 --- a/testing/web-platform/tests/css/zoom/tentative/parsing/zoom-computed.html +++ /dev/null @@ -1,22 +0,0 @@ -<!DOCTYPE html> -<meta charset="utf-8"> -<title>CSS Test: getComputedStyle().zoom</title> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<script src="/css/support/computed-testcommon.js"></script> -<div id="target"></div> -<script> -test_computed_value("zoom", "normal", "1"); - -test_computed_value("zoom", "1", "1"); -test_computed_value("zoom", "1.5", "1.5"); -test_computed_value("zoom", "0.75", "0.75"); - -test_computed_value("zoom", "100%", "1"); -test_computed_value("zoom", "150%", "1.5"); -test_computed_value("zoom", "75%", "0.75"); - -// Legacy crap, wat -test_computed_value("zoom", "0", "1"); -test_computed_value("zoom", "0%", "1"); -</script> diff --git a/testing/web-platform/tests/css/zoom/tentative/parsing/zoom-valid.html b/testing/web-platform/tests/css/zoom/tentative/parsing/zoom-valid.html deleted file mode 100644 index 3db16e0748..0000000000 --- a/testing/web-platform/tests/css/zoom/tentative/parsing/zoom-valid.html +++ /dev/null @@ -1,26 +0,0 @@ -<!DOCTYPE html> -<meta charset="utf-8"> -<title>CSS Test: parsing zoom with valid and invalid values</title> -<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> -<link rel="author" title="Mozilla" href="https://mozilla.com"> -<script src="/resources/testharness.js"></script> -<script src="/resources/testharnessreport.js"></script> -<script src="/css/support/parsing-testcommon.js"></script> -<body> -<script> -test_valid_value("zoom", "normal"); -test_valid_value("zoom", "1"); -test_valid_value("zoom", "100%"); -test_valid_value("zoom", "0"); -test_valid_value("zoom", "0%"); -test_valid_value("zoom", "1.5"); -test_valid_value("zoom", "150%") -test_valid_value("zoom", "75%"); -test_valid_value("zoom", "0.5"); - -test_invalid_value("zoom", "auto"); -test_invalid_value("zoom", "-100%"); -test_invalid_value("zoom", "-200%"); -test_invalid_value("zoom", "-1"); -test_invalid_value("zoom", "-2"); -</script> diff --git a/testing/web-platform/tests/css/zoom/tentative/scroll-corner-crash.html b/testing/web-platform/tests/css/zoom/tentative/scroll-corner-crash.html deleted file mode 100644 index 0ec88deb74..0000000000 --- a/testing/web-platform/tests/css/zoom/tentative/scroll-corner-crash.html +++ /dev/null @@ -1,7 +0,0 @@ -<style> -* { - overflow: scroll scroll; -} -</style> -<h4 style="zoom: 3"> -<figure> diff --git a/testing/web-platform/tests/css/zoom/tentative/scrollbar-crash.html b/testing/web-platform/tests/css/zoom/tentative/scrollbar-crash.html deleted file mode 100644 index 791022407f..0000000000 --- a/testing/web-platform/tests/css/zoom/tentative/scrollbar-crash.html +++ /dev/null @@ -1,2 +0,0 @@ -<textarea style="zoom: 0.20"> - |