gecko-dev/dom/base/test/test_meta_viewport_replace_...

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

39 строки
1.4 KiB
HTML
Исходник Обычный вид История

Bug 1498729 - Store each viewport meta data by the viewport meta tag and use the last one. r=smaug,botond This is what Chrome and Safari do. See https://webcompat.com/issues/20701#issuecomment-436054739 So for exmaple, if there are two viewport meta tags like this; <meta name="viewport" content="width=980"> <meta name="viewport" content="initial-scale=1,maximum-scale=1"> We will use "initial-scale=1,maximum-scale=1". Before this change we used to use merged "width=980,initial-scale=1,maximum-scale=1". Another example is to replace the content of a single viewport meta tag like this; <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1"> what will happen when this tag is replaced by below; <meta id="viewport" name="viewport" content="width=1080"> We will use the replacing one (i.e. "width=1080"), before this change, we used to use merged "width=1080,initial-scale=1". As of this commit, we don't properly remove corresponding viewport meta data when a) viewport meta tag is detached from document and b) `name` attribute is changed from 'viewport'. These cases will be handled in subsequent commits. Note that we no longer store invididual viewport meta data in Document::mHeaderData so that nsIDOMWindowUtils.getDocumentMetadata doesn't work any more for the invididual viewport meta data, but there is no use cases for them other than two test cases which are removed in this commit. Differential Revision: https://phabricator.services.mozilla.com/D38922 --HG-- extra : moz-landing-system : lando
2019-07-25 23:51:23 +03:00
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>replace meta viewport content</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1">
<script src="viewport_helpers.js"></script>
</head>
<body>
<script type="application/javascript">
"use strict";
add_task(async function replace_content() {
await SpecialPowers.pushPrefEnv(scaleRatio(1.0));
let info = getViewportInfo(800, 480);
info = getViewportInfo(800, 480);
is(info.defaultZoom, 1, "initial zoom is 1");
is(info.width, 800, "width should be 800");
is(info.height, 480, "height should be 480");
// Now the content has only 'width=1080'.
viewport.setAttribute("content", "width=1080");
info = getViewportInfo(800, 480);
fuzzeq(info.defaultZoom, 800/1080, "initial scale is calculated by the given width");
is(info.minZoom, 0.25, "minimum scale defaults to the absolute minimum");
is(info.maxZoom, 10, "maximum scale defaults to the absolute maximum");
is(info.width, 1080, "width is the given width");
is(info.height, 480*1080/800, "height is proportional to displayHeight");
is(info.autoSize, false, "autoSize is disabled by default");
is(info.allowZoom, true, "zooming is enabled by default");
});
</script>
</body>
</html>