describe('钩子函数', () => {
  before(() => {
    // 当前测试套件中，所有测试用例执行之前运行
  })

  after(() => {
    // 当前测试套件中，所有测试用例执行结束后运行
  })

  beforeEach(() => {
    // 当前测试套件中，每个测试用例执行之前运行
  })

  afterEach(() => {
    // 当前测试套件中，每个测试用例执行结束后运行
  })
})

// 该测试套件整个都不会执行
descrbie.skip('登录', () => { 
  // ...
})

descrbie('测试demo', () => { 
  // ...

  // 这个会执行
  it('测试1=1', () => {
    // ...
  })

  // 这个会排除
  context.skip('测试排除', () => {
  
  })

  context('测试it排除', () => {
    // 这个会执行
    it('测试2=2', () => {
      // ... 
    })

    // 这个会排除
    it.skip('测试3=3', () => {
      // ... 
    })
  })
})

// 只有这个测试套件会执行
descrbie.only('登录', () => { 
  // ...
})

descrbie('测试demo', () => { 
  // ...
})

descrbie('测试demo', () => { 

  // 只有这个测试套件会执行
  context.only('测试包含', () => {
  
  })

  context('测试it包含', () => {
    it('测试2=2', () => {
      // ... 
    })
  })
})

descrbie('测试demo', () => { 
  context('测试it包含', () => {
    it('测试2=2', () => {
      // ... 
    })

    // 只有这个用例会执行
    it.only('测试3=3', () => {
      // ... 
    })
  })
})

describe('登录', () => {
  const username = 'jack';
  const password = '123456';

  context('表单登录验证', () => {
    // 让 runFlag 为 0 的时，此条不执行
    it('登录成功，跳转到 dashboard 页面', () => {
      if (Cypress.env('runFlag') === 1) {
        cy.visit('http://localhost:7077/login');
        cy.get('input[name=username]').type(username);
        cy.get('input[name=password]').type(password);
        cy.get('form').submit();

        cy.url().should('include', '/dashboard');
        cy.get('h1').should('contain', 'jack');
      } else {
        this.skip();
        cy.log('runFlag 为 0 的时，此条不执行');
      }
    })
  })
})

const users = [
  {
    username: 'jack',
    password: '123456',
  },
  {
    username: 'andy',
    password: '334455',
  }
]

describe('登录', () => {
  context('表单登录验证', () => {
    for (const user of users) {
      it('验证多个用户', () => {
        cy.visit('http://localhost:7077/login');
        cy.get('input[name=username]').type(user.username);
        cy.get('input[name=password]').type(user.password);
        cy.get('form').submit();

        cy.get('h1').should('contain', user.username);
      })
    }
  })
})

// 针对长度的断言
cy.get('li.selected').should('have.length', 3);

// 针对类的断言
cy.get('form').find('input').should('not.have.class', 'disabled');

// 针对值的断言
cy.get('textarea').should('have.value', 'iTesting');

// 针对文本的断言
cy.get('a').parent('span.help').should('not.contain', 'click me');

// 针对元素是否可见的断言
cy.get('button').should('be.visiblie');

// 针对元素是否存在的断言
cy.get('#loading').should('not.exist');

// 针对元素状态的断言
cy.get('.radio').should('be.checked');

// 针对 CSS 的断言
cy.get('.completed').should('have.css', 'text-decoration', 'line-through');

// 针对回调函数的断言
cy.get('div')
  .should(($div) => {
    expect($div).to.have.length(1);
    const className = $div[0].className;
    expect(className).to.match(/heading-/);
  })