text: /// <reference types = "cypress" />
  
  describe('Type of locators', () => {
  
      // describe('Our suite section', () => {
      //     beforeEach('code for every test', () => {
      //     })
      //     it('Some test name', () => {
      //     })
      // })
  
      it('first test', () => {
  
          cy.visit('/')
          cy.contains('Forms').click()
          cy.contains('Form Layouts').click()
  
          // by tag name
          cy.get('input')
  
          // by id
          cy.get('#inputEmail1')
  
          // by class name
          cy.get('.input-full-width')
  
          // by attribute name
          cy.get('[placeholder]')
  
          // by attribute name and value
          cy.get('[placeholder="Email"]')
  
          // by class value
          cy.get('[class="input-full-width size-medium shape-rectangle"]')
  
          // by tag name, attribute with value
          cy.get('input[placeholder="Email"]')
  
          // by two different attributes
          cy.get('[placeholder="Email"][type="email"]')
  
          // by tag name, attribute with value, id and class name
          cy.get('input[placeholder="Email"]#inputEmail1.input-full-width')
  
          // the most recommended way by cypress (create own locators)
          cy.get('[data-cy="imputEmail1"]')
      })
  
      it('second test', () => {
          cy.visit('/')
          cy.contains('Forms').click()
          cy.contains('Form Layouts').click()
  
          cy.get('[data-cy="signInButton"]')
  
          cy.contains('Sign in')
  
          cy.contains('[status="warning"]', 'Sign in')
  
          cy.get('#inputEmail3')
              .parents('form')
              .find('button')
              .should('contain', 'Sign in')
              .parents('form')
              .find('nb-checkbox')
              .click()
  
          cy.contains('nb-card', 'Horizontal form').find('[type="Email"]')
  
      })
  })