Cypresstesting~10 mins

Dual commands in Cypress - Test Execution Trace

Choose your learning style9 modes available

Learn Why Deep Trace Try Challenge Automate Recall Frame

Test Overview

This test demonstrates using dual commands in Cypress to find an input box, type text, and then verify the typed value.

Test Code - Cypress

Cypress

describe('Dual commands test', () => {
  it('types text and verifies input value', () => {
    cy.visit('https://example.cypress.io/commands/actions')
    cy.get('.action-email')
      .type('test@example.com')
      .should('have.value', 'test@example.com')
  })
})

Execution Trace - 6 Steps

Step	Action	System State	Assertion	Result
1	Test starts	Test runner initialized, no browser opened yet	-	PASS
2	Browser opens	Browser window opened, ready to navigate	-	PASS
3	Navigates to 'https://example.cypress.io/commands/actions'	Page loaded with form containing input fields	Page URL is correct	PASS
4	Finds element with class '.action-email'	Input box for email is visible and enabled	Element exists and is visible	PASS
5	Types 'test@example.com' into the input box	Input box now contains text 'test@example.com'	Input value updated correctly	PASS
6	Checks that input box has value 'test@example.com'	Input box value is 'test@example.com'	Value matches expected text	PASS

Failure Scenario

Failing Condition: The input element with class '.action-email' is not found or not visible

Execution Trace Quiz - 3 Questions

Test your understanding

What does the command cy.get('.action-email') do in this test?

AChecks the input value

BTypes text into the input box

CFinds the input element with class 'action-email'

DNavigates to the page

Key Result

Using dual commands in Cypress allows chaining actions and assertions on the same element, making tests concise and readable.