diff options
Diffstat (limited to 'remote/test/puppeteer/packages/puppeteer-core/src/common/EmulationManager.ts')
-rw-r--r-- | remote/test/puppeteer/packages/puppeteer-core/src/common/EmulationManager.ts | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/remote/test/puppeteer/packages/puppeteer-core/src/common/EmulationManager.ts b/remote/test/puppeteer/packages/puppeteer-core/src/common/EmulationManager.ts new file mode 100644 index 0000000000..27aa57581c --- /dev/null +++ b/remote/test/puppeteer/packages/puppeteer-core/src/common/EmulationManager.ts @@ -0,0 +1,63 @@ +/** + * Copyright 2017 Google Inc. All rights reserved. + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +import {Protocol} from 'devtools-protocol'; + +import {CDPSession} from './Connection.js'; +import {Viewport} from './PuppeteerViewport.js'; + +/** + * @internal + */ +export class EmulationManager { + #client: CDPSession; + #emulatingMobile = false; + #hasTouch = false; + + constructor(client: CDPSession) { + this.#client = client; + } + + async emulateViewport(viewport: Viewport): Promise<boolean> { + const mobile = viewport.isMobile || false; + const width = viewport.width; + const height = viewport.height; + const deviceScaleFactor = viewport.deviceScaleFactor ?? 1; + const screenOrientation: Protocol.Emulation.ScreenOrientation = + viewport.isLandscape + ? {angle: 90, type: 'landscapePrimary'} + : {angle: 0, type: 'portraitPrimary'}; + const hasTouch = viewport.hasTouch || false; + + await Promise.all([ + this.#client.send('Emulation.setDeviceMetricsOverride', { + mobile, + width, + height, + deviceScaleFactor, + screenOrientation, + }), + this.#client.send('Emulation.setTouchEmulationEnabled', { + enabled: hasTouch, + }), + ]); + + const reloadNeeded = + this.#emulatingMobile !== mobile || this.#hasTouch !== hasTouch; + this.#emulatingMobile = mobile; + this.#hasTouch = hasTouch; + return reloadNeeded; + } +} |