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.