Notes

Script-


In var you can re-declare a variable and in let you cannot.

node_modules.bincypress open - windows
node_modules/.bin/cypress open - Mac




// to open cypress test runner
node_modules.bincypress open

In windows -

node_modules/.bin/cypress open





Css standards for cypress


1. Class name — .classname
2. Tag name - tagname[attribute=value]
3. Id- tagname#idname
4.


// command used to get all the options for example cy. (Options)
/// <reference types=“cypress” /> - in windows

// <reference types=“cypress” /> - in Mac

.should(‘have.length,4)’

— this is used as assertions (to find out if the condition is true)


—-


…………………………………………………………………………………………………..






/ visit is used to get the url
cy.get('.search-keyword').type('ca');
cy.wait(2000);



// in selenum get hit url and in cypress gets acts like findelement
//cy.get('.product:visible').should('have.length',4)

//get is equal to find element in selenium
cy.get('.products').find('.product').should('have.length',4)

cy.get('.products').find('.product').eq(0).contains("ADD TO CART").click()

// click on parent -- then child icon -- then number or the position of the product to be clicked, then contains'alphabets',click

cy.visit()


——

Should means assertion


// checkboxes in cypress
cy.get('#checkBoxOption1').check().should('be.checked').should('have.value','option1')
cy.get('#checkBoxOption1').uncheck().should('not.be.checked')
cy.get('input[type="checkbox"]').check(['option2', 'option3'])



// static dropdown assertion to check
cy.get('select').select('option2').should('have.value','option2')