diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-viewport/zoom')
8 files changed, 190 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-viewport/zoom/iframe-zoom-nested.html b/testing/web-platform/tests/css/css-viewport/zoom/iframe-zoom-nested.html new file mode 100644 index 0000000000..22a491eb0b --- /dev/null +++ b/testing/web-platform/tests/css/css-viewport/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/css-viewport/zoom/iframe-zoom.sub.html b/testing/web-platform/tests/css/css-viewport/zoom/iframe-zoom.sub.html new file mode 100644 index 0000000000..a27fb91619 --- /dev/null +++ b/testing/web-platform/tests/css/css-viewport/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-viewport/zoom/resources/iframe_content.html"></iframe> + </div> + +</body> diff --git a/testing/web-platform/tests/css/css-viewport/zoom/reference/iframe-zoom-nested-ref.html b/testing/web-platform/tests/css/css-viewport/zoom/reference/iframe-zoom-nested-ref.html new file mode 100644 index 0000000000..b855278516 --- /dev/null +++ b/testing/web-platform/tests/css/css-viewport/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/css-viewport/zoom/reference/iframe-zoom-ref.html b/testing/web-platform/tests/css/css-viewport/zoom/reference/iframe-zoom-ref.html new file mode 100644 index 0000000000..43bc3e24cf --- /dev/null +++ b/testing/web-platform/tests/css/css-viewport/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/css-viewport/zoom/resources/iframe_content.html b/testing/web-platform/tests/css/css-viewport/zoom/resources/iframe_content.html new file mode 100644 index 0000000000..58c4d03a46 --- /dev/null +++ b/testing/web-platform/tests/css/css-viewport/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/css-viewport/zoom/resources/nested-iframe-no-zoom.html b/testing/web-platform/tests/css/css-viewport/zoom/resources/nested-iframe-no-zoom.html new file mode 100644 index 0000000000..60b1fd6481 --- /dev/null +++ b/testing/web-platform/tests/css/css-viewport/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/css-viewport/zoom/resources/nested-iframe-with-zoom.html b/testing/web-platform/tests/css/css-viewport/zoom/resources/nested-iframe-with-zoom.html new file mode 100644 index 0000000000..e7de64aafb --- /dev/null +++ b/testing/web-platform/tests/css/css-viewport/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/css-viewport/zoom/scroll-top-test-with-zoom.html b/testing/web-platform/tests/css/css-viewport/zoom/scroll-top-test-with-zoom.html new file mode 100644 index 0000000000..9656fe120e --- /dev/null +++ b/testing/web-platform/tests/css/css-viewport/zoom/scroll-top-test-with-zoom.html @@ -0,0 +1,33 @@ +<!doctype html> +<title>Scroll Top Test with Zoom</title> +<link rel="help" href="https://drafts.csswg.org/css-viewport/#zoom-property"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<style> + #container { + width: 200px; + height: 100px; + border: solid thick; + overflow: auto; + } +</style> +<div id="container"> + <div style="width: 100px; height: 2000px"></div> +</div> + +<script> + var container = document.getElementById('container'); + container.scrollTop = 77; + test(function() { + assert_equals(container.scrollTop, 77, "Initial scrollTop should be 77"); + }, "Initial scrollTop with no zoom"); + + document.body.style.zoom = 1.2; + document.body.offsetTop; + + document.body.style.zoom = 1; + test(function() { + assert_equals(container.scrollTop, 77, "scrollTop should remain consistent after resetting zoom"); + }, "scrollTop after resetting zoom"); + done(); +</script> |