cypress sample test cases

cy_sample.spec.js

// example test case

describe("Test Case Name", () => { 
	
   // Test case goes here	
   it("test case name", () => {
	
           // cypress commands goes here
           cy.visit("/");
   });

});

// describe block
describe("Test case aNAme", () => {
  
	// test cases (it) goes here
});

// it block 
it("test case name", () => {
	
   // cypress (cy) commands goes here
 
});


// Below are the cypress commands you can use by copy pasting in to your test cases as required

// Visit the website/url
cy.visit("/");

// select a element (heading)
cy.get('h1'); // h1
cy.get('h2'); // h2
cy.get('h3'); // h3
cy.get('h4'); // h4 
cy.get('h5'); // h5
cy.get('h6'); // h6

// Select a DOM (input) element 
cy.get('input[name="name"]')  // using name
cy.get('input[class="class1"]') // using class
cy.get('input[id="id1"]') // using id
cy.get('input[type="email"]') // using type

// type text after selecting a input
cy.get('input[name="name"]').type("Enter text here")
cy.get('input[class="class1"]') .type("Enter text here")
cy.get('input[id="id1"]').type("Enter text here")
cy.get('input[type="email"]').type("Enter text here")

// selecting a button and clicking 
cy.get('button').click()

// submit form 
cy.get('form').submit()

// find a nested element
// <ul>
//   <li id="1"> firstone