Cypress vs Selenium vs Playwright comparison - Interactive Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to visit a webpage using Cypress.

Cypress

cy.[1]('https://example.com')

Drag options to blanks, or click blank then click option'

Aopen

Bvisit

Cgo

Dnavigate

Attempts:

3 left

💡 Hint

Common Mistakes

Using commands like 'open' or 'go' which are not Cypress commands.

The correct Cypress command to open a webpage is visit.

2fill in blank

medium

Complete the code to assert that an element contains specific text in Cypress.

Cypress

cy.get('.message').should('[1]', 'Hello World')

Drag options to blanks, or click blank then click option'

Acontain

Bhave.text

Cinclude.text

Dhas.text

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'have.text' which requires exact match, not partial.

The contain assertion checks if the element includes the given text.

3fill in blank

hard

Fix the error in the Cypress test to wait for an element to be visible.

Cypress

cy.get('#submit').[1]('be.visible')

Drag options to blanks, or click blank then click option'

Ashould

Bexpect

Cwait

Dassert

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'wait' which pauses but does not assert visibility.

The should command is used to assert conditions like visibility in Cypress.

4fill in blank

hard

Fill both blanks to create a test that clicks a button and verifies URL change in Cypress.

Cypress

cy.get('[1]').click()
cy.url().should('[2]', '/dashboard')

Drag options to blanks, or click blank then click option'

A#login-button

Binclude

Cequal

D.submit-btn

Attempts:

3 left

💡 Hint

Common Mistakes

Using class selector instead of ID for the button.

Using 'equal' which requires exact URL match.

The selector for the button is #login-button. The URL assertion uses include to check partial match.

5fill in blank

hard

Fill all three blanks to write a Cypress test that types into an input, submits a form, and checks success message.

Cypress

cy.get('[1]').type('[e-mail]')
cy.get('[2]').click()
cy.get('[3]').should('contain', 'Success')

Drag options to blanks, or click blank then click option'

A#email-input

B#submit-btn

C.success-message

D.error-message

Attempts:

3 left

💡 Hint

Common Mistakes

Using '.error-message' instead of '.success-message' for the success check.

The input field has ID #email-input, the submit button has ID #submit-btn, and the success message uses class .success-message.

Practice

1. Which testing tool is known for its fast setup and mainly supports Chrome-family browsers?

easy

A. Selenium

B. Cypress

C. Playwright

D. JUnit

Solution

1. Step 1: Understand tool browser support

   Cypress is designed for fast tests mainly in Chrome-family browsers.

2. Step 2: Compare with other tools

   Selenium supports many browsers but requires more setup; Playwright supports multiple browsers with modern features.

3. Final Answer:

   Cypress -> Option B

4. Quick Check:

   Fast Chrome tests = Cypress [OK]

Hint: Fast Chrome-only tests? Think Cypress [OK]

Common Mistakes:

• Confusing Selenium as fastest setup
• Thinking Playwright only supports Chrome
• Selecting unrelated tools like JUnit

2. Which of the following is a correct statement about Selenium?

easy

A. Selenium supports multiple programming languages and browsers.

B. Selenium is limited to Chrome browser only.

C. Selenium only supports JavaScript language.

D. Selenium requires no setup before running tests.

Solution

1. Step 1: Recall Selenium features

   Selenium supports many programming languages like Java, Python, JavaScript, and many browsers.

2. Step 2: Eliminate incorrect options

   It is not limited to JavaScript or Chrome, and it requires setup.

3. Final Answer:

   Selenium supports multiple programming languages and browsers. -> Option A

4. Quick Check:

   Multi-language, multi-browser = Selenium [OK]

Hint: Selenium = many languages + browsers [OK]

Common Mistakes:

• Thinking Selenium supports only JavaScript
• Believing Selenium works without setup
• Assuming Selenium is Chrome-only

3. Consider this statement: "Playwright supports running tests on Chromium, Firefox, and WebKit browsers." Which tool does this describe?

medium

A. Playwright

B. Selenium

C. TestCafe

D. Cypress

Solution

1. Step 1: Identify browser support

   Playwright supports Chromium, Firefox, and WebKit browsers natively.

2. Step 2: Match with tool features

   Cypress mainly supports Chromium-based browsers; Selenium supports many but not WebKit directly; TestCafe is different.

3. Final Answer:

   Playwright -> Option A

4. Quick Check:

   Multi-browser including WebKit = Playwright [OK]

Hint: WebKit support means Playwright [OK]

Common Mistakes:

• Assuming Cypress supports WebKit
• Confusing Selenium with Playwright browser support
• Selecting unrelated tools like TestCafe

4. You wrote a test script using Cypress but it fails to run on Firefox browser. What is the most likely reason?

medium

A. Your Firefox browser version is outdated.

B. You need to install Playwright to run Cypress tests on Firefox.

C. Cypress requires Selenium to run on Firefox.

D. Cypress does not support Firefox well yet.

Solution

1. Step 1: Understand Cypress browser support

   Cypress primarily supports Chromium browsers; Firefox support is experimental and limited.

2. Step 2: Evaluate other options

   Cypress does not depend on Selenium or Playwright; outdated browser or installing Playwright is unrelated.

3. Final Answer:

   Cypress does not support Firefox well yet. -> Option D

4. Quick Check:

   Limited Firefox support = Cypress issue [OK]

Hint: Cypress Firefox support is limited [OK]

Common Mistakes:

• Thinking Cypress needs Selenium for Firefox
• Blaming browser version without checking support
• Assuming Playwright is needed for Cypress tests

5. You want to write end-to-end tests that run fast, support multiple browsers including Safari, and allow writing tests in JavaScript or Python. Which tool should you choose?

hard

A. Cypress

B. Selenium

C. Playwright

D. Mocha

Solution

1. Step 1: Analyze browser support needs

   Safari support requires WebKit engine support, which Playwright provides.

2. Step 2: Consider language support and speed

   Playwright supports JavaScript and Python and offers fast test execution with modern features.

3. Step 3: Compare with other tools

   Cypress is fast but limited to Chromium browsers and JavaScript; Selenium supports many languages but is slower; Mocha is a test framework, not a browser automation tool.

4. Final Answer:

   Playwright -> Option C

5. Quick Check:

   Multi-browser + multi-language + speed = Playwright [OK]

Hint: Multi-browser and language support? Choose Playwright [OK]

Common Mistakes:

• Choosing Cypress for Safari support
• Picking Selenium for speed over Playwright
• Confusing Mocha as a browser automation tool