自动化测试，让你上班拥有一杯咖啡的时间 | Day 7 - 如何写断言

此系列文章会同步发文到个人部落格，有兴趣的读者可以前往观看喔。

在测试脚本加上断言後，当程序码有 bug 时，一下就能被找出来。根据脚本的情境可以下几种断言，例如输入错误应该要出现 xxx 讯息，填完资料某按钮应该要出现。

写断言的方法有以下几种：

Implicit Subjects: 使用 .should() 或 .and()
Explicit Subjects: 使用 .expect()

例如：

.should() 在点击完按钮，class name 应该要有 active：

cy.get('button').click().should('have.class', 'active')

.and() 可以一次写多个断言：

cy.get('#header a')
  .should('have.class', 'active')
  .and('have.attr', 'href', '/users')

.expect()

cy.get('tbody tr:first').should(($tr) => {
  expect($tr).to.have.class('active')
  expect($tr).to.have.attr('href', '/users')
})

动手写程序

describe("铁人赛搜寻功能", function () {
    beforeEach(() => {
      cy.login({ userId: "account", password: "password" });
    })
  
    it("搜寻cypress後，应该要有文章", function () {
      cy.get('.menu__search-toggle').click({force: true});  //点选搜寻
      cy.get('.menu__search-input').type('cypress')  //搜寻cypress
      cy.get('#searchIronman').click({force: true,}); //选择铁人赛
      cy.get('.menu__dropform-btn').click({force: true}); //点选搜寻
      cy.get(".search-qa-list__title-link").contains("自动化测试，让你上班拥有一杯咖啡的时间 ").should("be.visible"); //要有cypress文章
      cy.get('li > a').contains("登出").click({force: true}); //点选登出
    })
})