Home Guide How to take Screenshots using Python and Selenium

How to take Screenshots using Python and Selenium

By Mohammad Waseem, Community Contributor -

Table of Contents

Python and Selenium are often favored by QAs for automation testing purposes. Going beyond automating basic tasks, Python and Selenium can also be used to automatically take screenshots. This article will discuss how testers can go about doing exactly that.

Before proceeding, there are a few major advantages to using Python and Selenium for screenshot automation that deserve a look:

  1. Open-source, fast, and offers easier web interaction
  2. Supports multiple operating systems and mobile devices
  3. Provides the ability to run tests across various web browsers

Prerequisites for setting up Selenium & Python for Screenshots

There are a few dependencies that must be taken care of in order to take a screenshot using Python and Selenium. They are listed below:

  • Install Python and an IDE, preferably PyCharm. It becomes easier to work with the Selenium binding that comes with Python with an IDE.
  • When using Python-Selenium, to get automated responses from web browsers it is necessary to make sure that the Selenium WebDriver is working without any errors. For a hassle-free working of Python and Selenium, make sure the webdriver is in path and matches the compatible version with the web browser.
  • Another Python package named Selenium-Screenshot is often used to take screenshots. Install the package using the pip command (the easiest way to install it).
  • To view the screenshot taken by Selenium and Selenium-Screenshot, use another python package pillow or PIL, from which testers use the Image module to open and display the screenshot.
  • Ensure the path is set correctly for all dependencies. If this is not in place, it may throw unnecessary errors while running the program.

Now that we know about the dependencies, let’s focus on the actual operations.

How to take a screenshot using Python and Selenium

Let’s divide the whole process into steps for clarity:

  1. Import the packages – Selenium, Selenium-Screenshot, Pillow
  2. Take the first screenshot using Selenium WebDriver and function save_screenshot()
  3. Take a screenshot using Python selenium-screenshot – Using Screenshot_Clipping from the Screenshot module, and the full_Screenshot() function.
  4. View the screenshot using the Image module from the PIL package, and open() and show() functions.

Import the packages

To use python and selenium, install the following packages. Simply use the pip install command to install them and import the same in the program.

[python]
from selenium import webdriver
from PIL import Image
from Screenshot import Screenshot_clipping
[/python]

Take the first screenshot using save_screenshot

In this example, Selenium will navigate to a specific URL (using the Chrome browser) and then take a screenshot using the save_screenshot() function. It will then display the screenshot using pillow.

While taking the screenshot, testers need Selenium WebDriver to open a web browser automatically. Now, WebDriver may throw an error stating that the ChromeDriver needs to be in the PATH. To resolve this, simply download a Chrome Driver that is compatible with the current version and give the executable path as shown in the example.

This example uses a chrome web driver, but testers can use another web browser. Additionally, in order to interact with desktop applications instead of a web application, use one of the several python bindings built for the purpose.

[python]
driver = webdriver.Chrome(executable_path = ‘path\to\chromedriver.exe’’)
url = "https://www.google.com/"’
driver.get(url)
[/python]

The above code will open the web browser and open the URL given in the driver.get().

After this, the next part of the code will take the screenshot and save it as a .png file.

[python]
driver.save_screenshot(‘ss.png’)
[/python]

The next line of the code will show the screenshot taken using the Selenium WebDriver.

[python]
screenshot = Image.open(‘ss.png’)
screenshot.show()
[/python]

Let’s take a look at the full code below and the output the tester will receive as the screenshot.

[python]
from selenium import webdriver
from PIL import Image
driver = webdriver.Chrome(executable_path = ‘path\to\chromedriver.exe’’)
url = "https://www.google.com/"’
driver.get(url)
driver.save_screenshot(‘ss.png’)
screenshot = Image.open(‘ss.png’)
screenshot.show()
[/python]

Run Selenium Tests for Free

Output

Selenium automated the task of opening the web browser and navigating to a custom URL that opened the page shown in the output. After this, using the save_screenshot() method, Selenium grabbed the following image as a screenshot.

Selenium Python Screenshot Example

Screenshot using selenium-screenshot

The process here is fairly similar to the one using Python selenium-screenshot. Let’s take a look at the syntax to understand how it’s done.

[python]
from Screenshot import Screenshot_Clipping
from selenium import webdriver
from PIL import Image
ss = Screenshot_clipping.Screenshot()
driver = webdriver.Chrome()
driver.get("https://www.google.com/”’)
screen_shot = ss.full_screenshot(driver, save_path = ‘/path’, image_name= ‘name.png’)
screen = Image.open(screen_shot)
screen.show()
[/python]

Output

Here, Selenium opens a browser, navigates to a URL and then captures the screenshot using the full_Screenshot() method of the Screenshot_clipping module.

Save_Selenium Python Screenshot Example

Taking a Full Page Screenshot

Use the code below to get the full page screenshot using Selenium and Python.

[python]
from selenium import webdriver
from PIL import Image
from Screenshot import Screenshot_Clipping
ss = Screenshot_Clipping.Screenshot()
driver = webdriver.Chrome(executable_path=r'C:\Users\waseem k\Desktop\chromedriver.exe')
url = "https://www.browserstack.com/"

driver.get(url)
image = ss.full_Screenshot(driver, save_path=r'.' , image_name='name.png')

screen = Image.open(image)
screen.show()

[/python]

Output

Here instead of just the visible screen, the driver was able to hover down to the bottom of the web page and capture a long screenshot/full length screenshot using the full_Screenshot() method in the Screenshot_Clipping module.

Take a full page screenshot

As the article demonstrates, taking screenshots using Selenium and Python is easy enough. Run the code outlined, and start taking screenshots quickly and effectively to streamline their automated Selenium testing.

Try BrowserStack for Free

Tags
Selenium Selenium Webdriver

Featured Articles

How to Drag and Drop in Selenium?

How to take Screenshots in Selenium

How to find element by XPath in Selenium with Example

BrowserStack Logo Run Selenium Tests on 2000+ Browsers & Devices Contact us Get Started Free