Cypress Debug Command

Cypress lets us set a debugger and log what the previous command yields using the debug command.

Syntax

cy.debug()
cy.debug(options)
.debug()
.debug(options)

Arguments Used in debug:

log: Displays commands in the command log, and the default value is true.

Correct Usage Of debug:

cy.debug().getCookie('app') 

• Pause to debug at the beginning of commands

cy.get('class').debug() 

• Debug the 'get' command's yield

debug Yield:

• Yields the same subject it was previously given.

Example

For real-time example purposes, we will be using the http://autopract.com/ automation site.

describe('Automate AutoPract',()=>{

    it('Scroll',()=>{

        cy.visit('http://www.autopract.com/#/home/fashion')
        cy.get("button[aria-label='Close'] ").click()
        cy.get('.btn.btn-success').scrollIntoView().debug()
        

        })
    })

This is a simple scrollintoview command code, and we have debugged it in the end, and we can visibly see the debug command within the command log and its Yield.