// Copyright 2021 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
(async function(testRunner) {
const {page, session, dp} = await testRunner.startWithFrameControl(
'Tests screenshot with overridden device scale factor');
await dp.Runtime.enable();
await dp.HeadlessExperimental.enable();
dp.Emulation.enable();
await dp.Emulation.setDeviceMetricsOverride({
deviceScaleFactor: 2,
width: 100,
height: 100,
screenHeight: 100,
screenWidth: 100,
mobile: true,
viewport: {x: 0, y: 0, width: 100, height: 100, scale: 1}
});
const RendererTestHelper =
await testRunner.loadScript('../helpers/renderer-test-helper.js');
const {httpInterceptor, frameNavigationHelper, virtualTimeController} =
await (new RendererTestHelper(testRunner, dp, page)).init();
httpInterceptor.addResponse(`http://example.com/`,
`<!doctype html>
<html>
<meta name=viewport content="width=device-width">
<style>
html, body { width: 100%; height: 100%; margin:0; padding:0; }
div {
width: 100%; height: 100%; margin:0; padding:0;
background-size: 100% 100%;
background-color: blue;
}
</style>
<body>
<div></div>
</body>
</html>
`);
await virtualTimeController.initialize(100);
await frameNavigationHelper.navigate('http://example.com/');
await virtualTimeController.grantTime(500);
const ctx = await virtualTimeController.captureScreenshot();
// We use a screen and viewport of 100x100 DIP, which is 200 physical pixels
// due to deviceScaleFactor of 2. Make sure the screenshot is not clipped.
let rgba = ctx.getImageData(175, 175, 1, 1).data;
testRunner.log(`rgba @(175,175) ${rgba}`);
testRunner.completeTest();
})
Codebase Browser
chromium