diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-device-adapt')
5 files changed, 118 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-device-adapt/META.yml b/testing/web-platform/tests/css/css-device-adapt/META.yml new file mode 100644 index 0000000000..f04eba57ce --- /dev/null +++ b/testing/web-platform/tests/css/css-device-adapt/META.yml @@ -0,0 +1,3 @@ +spec: https://drafts.csswg.org/css-device-adapt/ +suggested_reviewers: + - ChumpChief diff --git a/testing/web-platform/tests/css/css-device-adapt/documentElement-clientWidth-on-minimum-scale-size.tentative.html b/testing/web-platform/tests/css/css-device-adapt/documentElement-clientWidth-on-minimum-scale-size.tentative.html new file mode 100644 index 0000000000..74e2172510 --- /dev/null +++ b/testing/web-platform/tests/css/css-device-adapt/documentElement-clientWidth-on-minimum-scale-size.tentative.html @@ -0,0 +1,29 @@ +<!doctype html> +<meta charset=utf-8> +<meta name="viewport" content="width=device-width minimum-scale=0.5"> +<link rel="help" href="https://drafts.csswg.org/css-device-adapt/"> +<style> +html { + overflow: hidden; +} +body { + margin: 0; +} +div { + height: 200%; + position: absolute; +} +</style> +<title></title> +<div style="width: 200%;"></div> +<div id="reference" style="width: 100%;"></div> +<script src=/resources/testharness.js></script> +<script src=/resources/testharnessreport.js></script> +<script> +'use strict'; +test(() => { + assert_equals(document.documentElement.clientWidth, reference.clientWidth, + 'documentElement clientWidth should be 100%'); +}, 'documentElement clientWidth should be equal to device-width even if ' + + 'overflow:hidden region is visible'); +</script> diff --git a/testing/web-platform/tests/css/css-device-adapt/viewport-user-scalable-no-clamp-to-max.tentative.html b/testing/web-platform/tests/css/css-device-adapt/viewport-user-scalable-no-clamp-to-max.tentative.html new file mode 100644 index 0000000000..c2c341245b --- /dev/null +++ b/testing/web-platform/tests/css/css-device-adapt/viewport-user-scalable-no-clamp-to-max.tentative.html @@ -0,0 +1,29 @@ +<!doctype html> +<meta charset=utf-8> +<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=device-width, maximum-scale=1.0"> +<link rel="help" href="https://drafts.csswg.org/css-device-adapt/"> +<link rel="help" href="https://webcompat.com/issues/52856"> +<style> +body { + margin: 0; +} +#content { + width: 100px; + height: 100px; + background: green; +} +</style> + +<div id="content">Content</div> + +<script src=/resources/testharness.js></script> +<script src=/resources/testharnessreport.js></script> +<script> +'use strict'; +test(() => { + assert_equals(window.visualViewport.scale, 1.0, + 'visual viewport scale should be 1.0'); +}, 'Page with meta viewport "width=device-width, user-scalable=no, ' + + 'initial-scale=device-width, maximum-scale=1.0" ' + + 'should scale to 1.0.'); +</script> diff --git a/testing/web-platform/tests/css/css-device-adapt/viewport-user-scalable-no-clamp-to-min.tentative.html b/testing/web-platform/tests/css/css-device-adapt/viewport-user-scalable-no-clamp-to-min.tentative.html new file mode 100644 index 0000000000..89d7bb2f8c --- /dev/null +++ b/testing/web-platform/tests/css/css-device-adapt/viewport-user-scalable-no-clamp-to-min.tentative.html @@ -0,0 +1,29 @@ +<!doctype html> +<meta charset=utf-8> +<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=0.25, minimum-scale=1.0"> +<link rel="help" href="https://drafts.csswg.org/css-device-adapt/"> +<link rel="help" href="https://webcompat.com/issues/52856"> +<style> +body { + margin: 0; +} +#content { + width: 100px; + height: 100px; + background: green; +} +</style> + +<div id="content">Content</div> + +<script src=/resources/testharness.js></script> +<script src=/resources/testharnessreport.js></script> +<script> +'use strict'; +test(() => { + assert_equals(window.visualViewport.scale, 1.0, + 'visual viewport scale should be 1.0'); +}, 'Page with meta viewport "width=device-width, user-scalable=no, ' + + 'initial-scale=0.25, minimum-scale=1.0" ' + + 'should scale to 1.0.'); +</script> diff --git a/testing/web-platform/tests/css/css-device-adapt/viewport-user-scalable-no-wide-content.tentative.html b/testing/web-platform/tests/css/css-device-adapt/viewport-user-scalable-no-wide-content.tentative.html new file mode 100644 index 0000000000..6cf0bfa236 --- /dev/null +++ b/testing/web-platform/tests/css/css-device-adapt/viewport-user-scalable-no-wide-content.tentative.html @@ -0,0 +1,28 @@ +<!doctype html> +<meta charset=utf-8> +<meta name="viewport" content="width=device-width, user-scalable=no"> +<link rel="help" href="https://drafts.csswg.org/css-device-adapt/"> +<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/5016"> +<style> +body { + margin: 0; +} +#content { + width: 10000px; + height: 10000px; + background: green; +} +</style> + +<div id="content">Content</div> + +<script src=/resources/testharness.js></script> +<script src=/resources/testharnessreport.js></script> +<script> +'use strict'; +test(() => { + assert_equals(window.visualViewport.scale, 1.0, + 'visual viewport scale should be 1.0'); +}, 'Page with meta viewport "width=device-width, user-scalable=no" ' + + 'should scale document with very wide content to 1.0.'); +</script> |