Dynamic response stubbing in Cypress - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is dynamic response stubbing in Cypress?

Dynamic response stubbing is when you intercept a network request and provide a custom response that can change based on the test's needs or input data.

intermediate

How do you intercept a GET request and stub a dynamic response in Cypress?

Use cy.intercept() with a function as the response to return different data based on the request or test logic.

beginner

Why is dynamic response stubbing useful in testing?

It allows tests to simulate different server responses without changing the backend, making tests faster and more reliable.

intermediate

Example: What does this Cypress code do? cy.intercept('GET', '/api/user', (req) => { req.reply({ name: req.query.name || 'Guest' }) })

It intercepts GET requests to '/api/user' and replies with a JSON object where the name is taken from the query parameter or defaults to 'Guest'.

beginner

What is a best practice when choosing locators for dynamic response stubbing tests?

Use stable and descriptive selectors like data-* attributes to avoid flaky tests when UI changes.

What Cypress command is used to stub network responses dynamically?

A cy.stub()

B cy.intercept()

C cy.route()

D cy.visit()

cy.intercept() is the modern Cypress command to intercept and stub network requests dynamically.

In dynamic stubbing, how can you customize the response based on the request?

A By passing a function to req.reply()

B By changing the URL in cy.visit()

C By using cy.wait()

D By modifying the DOM directly

Passing a function to req.reply() lets you customize the response dynamically based on the intercepted request.

Why should you avoid using CSS classes as locators in tests with dynamic stubbing?

A Classes slow down the test execution

B Classes are too specific

C Classes are not supported by Cypress

D Classes can change often, making tests flaky

CSS classes often change during UI updates, which can cause tests to fail unexpectedly.

What is the main benefit of dynamic response stubbing in tests?

A Improve browser compatibility

B Speed up UI animations

C Simulate different server responses without backend changes

D Automatically generate test data

Dynamic stubbing lets you simulate various server responses easily, improving test flexibility and reliability.

Which of these is a valid way to reply with a dynamic response in cy.intercept()?

A req.reply(() => ({ statusCode: 200, body: { success: true } }))

B req.reply('static response')

C req.send()

D req.wait()

Passing a function to req.reply() allows dynamic response generation based on the request.

Explain how dynamic response stubbing works in Cypress and why it is useful.

Think about how you can change the server reply during a test.

Describe best practices for choosing locators when writing tests that use dynamic response stubbing.

Consider what makes a locator reliable over time.