Selenium vs Cypress vs Playwright comparison in Selenium Python - Test Execution Compared

Test Overview

This test opens a web page, clicks a button, and verifies the result using Selenium. It shows how Selenium works compared to Cypress and Playwright by tracing the test steps.

Test Code - Selenium

Selenium Python

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
import unittest

class TestButtonClick(unittest.TestCase):
    def setUp(self):
        self.driver = webdriver.Chrome()
        self.driver.get('https://example.com/button')

    def test_click_button(self):
        driver = self.driver
        wait = WebDriverWait(driver, 10)
        button = wait.until(EC.element_to_be_clickable((By.ID, 'click-me')))
        button.click()
        message = wait.until(EC.visibility_of_element_located((By.ID, 'message')))
        self.assertEqual(message.text, 'Button clicked!')

    def tearDown(self):
        self.driver.quit()

if __name__ == '__main__':
    unittest.main()

Execution Trace - 7 Steps

Step	Action	System State	Assertion	Result
1	Test starts and Chrome browser opens	Chrome browser window is open and ready	—	PASS
2	Browser navigates to 'https://example.com/button'	Page with a button having id 'click-me' is loaded	—	PASS
3	Wait until button with id 'click-me' is clickable	Button is visible and enabled for clicking	Button is clickable	PASS
4	Click the button	Button is clicked, page reacts to click	—	PASS
5	Wait until message with id 'message' is visible	Message element appears on page	Message element is visible	PASS
6	Check that message text equals 'Button clicked!'	Message text is displayed as expected	message.text == 'Button clicked!'	PASS
7	Close browser and end test	Browser window closed	—	PASS

Failure Scenario

Failing Condition: Button with id 'click-me' is not found or not clickable

Execution Trace Quiz - 3 Questions

Which step confirms the button is ready to be clicked?

A Wait until button with id 'click-me' is clickable

B Click the button

C Check that message text equals 'Button clicked!'

D Close browser and end test

Key Result

Always wait explicitly for elements to be ready before interacting to avoid flaky tests.

Practice

1. Which testing tool is known for supporting multiple programming languages including Python and JavaScript, and offers broad browser support?

easy

A. Cypress

B. Playwright

C. Selenium

D. JUnit

Solution

1. Step 1: Identify language support

   Selenium supports many languages like Python, Java, C#, etc., unlike Cypress which mainly supports JavaScript.

2. Step 2: Check browser support

   Selenium supports many browsers including Chrome, Firefox, Safari, Edge, and more, making it broad in browser support.

3. Final Answer:

   Selenium -> Option C

4. Quick Check:

   Multi-language + broad browsers = Selenium [OK]

Hint: Multi-language and broad browser support points to Selenium [OK]

Common Mistakes:

• Confusing Cypress as multi-language
• Thinking Playwright supports more languages than Selenium
• Choosing JUnit which is a Java testing framework

2. Which of the following is the correct way to start a Playwright browser session in Python?

easy

A. browser = playwright.chromium.launch()

B. browser = Playwright.start()

C. browser = playwright.startBrowser()

D. browser = Playwright.launchChromium()

Solution

1. Step 1: Recall Playwright Python syntax

   Playwright uses the syntax playwright.chromium.launch() to start a Chromium browser session.

2. Step 2: Check other options for correctness

   Options B, C, and D do not match the official Playwright Python API method names.

3. Final Answer:

   browser = playwright.chromium.launch() -> Option A

4. Quick Check:

   Correct Playwright launch syntax = browser = playwright.chromium.launch() [OK]

Hint: Playwright uses playwright.chromium.launch() in Python [OK]

Common Mistakes:

• Using incorrect method names like startBrowser()
• Confusing Playwright with Selenium syntax
• Capitalizing Playwright incorrectly in code

3. Given the following code snippet using Cypress, what will be the output if the element with id #submit is not found?

cy.get('#submit').click()

medium

A. Test fails with an error that element was not found

B. Test passes silently without clicking

C. Test retries indefinitely until element appears

D. Test skips the click and logs a warning

Solution

1. Step 1: Understand Cypress default behavior

   Cypress automatically retries commands for a default timeout but if the element is not found within that time, it throws an error.

2. Step 2: Analyze the code effect

   Since cy.get('#submit').click() requires the element, failure to find it causes the test to fail with an error.

3. Final Answer:

   Test fails with an error that element was not found -> Option A

4. Quick Check:

   Cypress fails test if element missing [OK]

Hint: Cypress fails test if element not found after retries [OK]

Common Mistakes:

• Thinking Cypress passes silently
• Assuming infinite retries
• Believing it logs warning but continues

4. You wrote this Selenium Python code but it throws an error:

driver = webdriver.Chrome()
driver.get('https://example.com')
element = driver.find_element_by_id('login')
element.click()

What is the likely cause and fix?

medium

A. click() method does not exist; use submit() instead

B. Method find_element_by_id is deprecated; use find_element(By.ID, 'login') instead

C. URL is incorrect; fix the URL string

D. Chrome driver is not installed; install it first

Solution

1. Step 1: Identify deprecated method usage

   In recent Selenium versions, find_element_by_id is deprecated and replaced by find_element with By.ID locator.

2. Step 2: Apply correct method usage

   Use from selenium.webdriver.common.by import By and then driver.find_element(By.ID, 'login') to fix the error.

3. Final Answer:

   Method find_element_by_id is deprecated; use find_element(By.ID, 'login') instead -> Option B

4. Quick Check:

   Use By.ID locator, not deprecated method [OK]

Hint: Use find_element(By.ID, ...) instead of deprecated find_element_by_id [OK]

Common Mistakes:

• Ignoring deprecation warnings
• Assuming click() method is missing
• Blaming URL or driver installation incorrectly

5. You want to write a test that runs on Chromium, Firefox, and WebKit browsers using Playwright in Python. Which approach correctly achieves this multi-browser testing?

hard

A. Run tests only on Chromium; Playwright does not support Firefox or WebKit

B. Use Cypress since it supports all three browsers natively

C. Use Selenium only because Playwright supports one browser at a time

D. Loop over playwright.chromium, playwright.firefox, and playwright.webkit to launch each browser and run tests

Solution

1. Step 1: Understand Playwright multi-browser support

   Playwright supports Chromium, Firefox, and WebKit browsers and allows launching each separately.

2. Step 2: Implement multi-browser testing

   Looping over playwright.chromium, playwright.firefox, and playwright.webkit to launch browsers and run tests is the correct approach.

3. Final Answer:

   Loop over playwright.chromium, playwright.firefox, and playwright.webkit to launch each browser and run tests -> Option D

4. Quick Check:

   Playwright multi-browser testing = loop launch [OK]

Hint: Loop over Playwright browsers to test all three [OK]

Common Mistakes:

• Thinking Playwright supports only one browser
• Choosing Cypress for multi-browser Python tests
• Assuming Selenium is the only multi-browser tool