test_meta_viewport_fit.html (1113B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>meta viewport viewport-fit test</title> 6 <script src="/tests/SimpleTest/SimpleTest.js"></script> 7 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> 8 <meta name="viewport" content="viewport-fit=cover"> 9 <script src="viewport_helpers.js"></script> 10 </head> 11 <body> 12 <p>viewport-fit=cover</p> 13 <script type="application/javascript"> 14 "use strict"; 15 16 add_task(async function test1() { 17 await SpecialPowers.pushPrefEnv(scaleRatio(1.0)); 18 19 let viewportFit = SpecialPowers.getDOMWindowUtils(window).getViewportFitInfo(); 20 is(viewportFit, "cover", "viewport-fit is cover correctly"); 21 22 let elements = document.getElementsByTagName("meta"); 23 for (let meta of elements) { 24 if (meta.getAttribute("name") == "viewport") { 25 meta.setAttribute("content", "viewport-fit=contain"); 26 } 27 } 28 29 viewportFit = SpecialPowers.getDOMWindowUtils(window).getViewportFitInfo(); 30 is(viewportFit, "contain", "viewport-fit is contain correctly"); 31 }); 32 </script> 33 </body> 34 </html>