webdriverio/webdriverio

[💡 Feature]: Add Native Browser Zoom In/Out Support in WebdriverIO

Open

#14.810 geöffnet am 8. Okt. 2025

Auf GitHub ansehen
 (3 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (6.029 Stars) (1.793 Forks)batch import
Idea 💡help wanted

Beschreibung

Is your feature request related to a problem?

Currently, WebdriverIO does not provide a built-in or reliable method to programmatically control native browser-level zoom (e.g., zooming in to 150% or zooming out to 50%).

While approaches such as document.body.style.zoom or CSS transform: scale() can visually resize the content, they do not replicate actual browser zoom behavior — leading to layout distortions, inaccurate element positions, and mismatched test results during UI automation and visual regression testing.

Furthermore, simulated keyboard shortcuts (Ctrl/Cmd + "+" or "-") are not consistently recognized across platforms (Mac/Windows) and browsers due to WebDriver limitations. Similarly, CDP commands like Emulation.setPageScaleFactor are only available through Chrome DevTools, which are not integrated by default in WebdriverIO v9.

Describe the solution you'd like.

To enhance test reliability and visual accuracy, we propose adding native browser zoom control APIs to WebdriverIO, such as:

await browser.setZoom(1.5); // 150% zoom await browser.setZoom(0.5); // 50% zoom await browser.resetZoom(); // Restore to 100%

Describe alternatives you've considered.

No response

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Contributor Guide

Tech Stack
javascriptnodejs
Domain
testing
Issue Type
feature
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
4
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
3-5 days
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
fresh
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
WebdriverIO basicsCDP knowledgeNode.js developmentCross browser testing knowledge
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
25
Research-Richtung
First, examine how WebdriverIO's existing browser commands are implemented, particularly in the `packages/webdriverio command` directory. Understand the CDP integration by looking at `packages/devtools` or `packages/webdriverio/src/commands/browser` for similar API patterns. Review the three comments in the issue for any additional constraints or ideas. Since no PRs are linked, the work is unblocked. Investigate if `browser.cdp` is already available and how to leverage it for `Emulation.setPageScaleFactor`.