Zoom In | Zoom Out on Chrome & Firefox using Selenium

How to Zoom In and Zoom Out on Chrome and Firefox using Selenium

1. Introduction to Zooming in Selenium: In this tutorial, we will learn how to zoom in and zoom out on a web page using Selenium with Chrome and Firefox browsers.

2. Zooming In and Out Manually:

   • When you want to zoom in, press Ctrl + + on Windows or Command + + on Mac.
   • To zoom out, press Ctrl + - on Windows or Command + - on Mac.

3. Zooming in Chrome with Selenium:

   • Inspect the browser window in Chrome.
   • Execute the following JavaScript using JavaScript Executor:

     ((JavascriptExecutor) driver).executeScript("document.body.style.zoom='50%'");
     

   • You can adjust the zoom level by changing the percentage value.

4. Zooming in Firefox with Selenium:

   • Inspect the browser window in Firefox.
   • Use the following JavaScript code with JavaScript Executor:

     ((JavascriptExecutor) driver).executeScript("document.body.style.MozTransform = 'scale(2)'");
     

   • You can modify the scaling factor as needed.

5. Creating Generic Functions:

   • To make the zooming process more efficient, create generic functions for zooming in Chrome and Firefox.
   • Pass the zoom percentage or scaling number as a parameter to these functions.

6. Testing Zooming Functionality:

   • Test the zooming functionality by calling the respective methods for Chrome and Firefox with the desired zoom level.
   • Ensure that the zooming action is reflected correctly on the browser window.

7. Additional Tips:

   • Remember to maintain separate JavaScript scripts for Chrome and Firefox zooming functionalities.
   • You can also try the same approach with Safari and Edge browsers.
   • Create generic methods for zooming that can be reused in your automation framework.

8. Conclusion:

   • By following these steps, you can effectively zoom in and out on web pages using Selenium with Chrome and Firefox browsers.
   • Implement these techniques in your automation projects for responsive testing and other use cases.

9. Share the Knowledge:

   • Share this tutorial with others who might find it helpful for working with zoom functionalities in Selenium.
   • Stay tuned for more informative videos from Naveen AutomationLabs.

By following these steps, you can easily implement zoom in and zoom out functionality on Chrome and Firefox browsers using Selenium.