Cypress基本方法(一)

type()

• 方法：在DOM元素中输入内容
• 语法：.type(text) .type(text,options)
• 举例：在input框中输入“默认值”

//先获取DOM元素，在对DOM元素进行type操作
cy.get("input").type("默认值")

should()

• 方法：在DOM元素中加入断言。断言将自动重试，知到他们通过或超时
• 语法：.should(chainers) .should(chainers,value)
• 举例

cy.get("#app").should('have.class','success')断言元素的class属性值是'success'
cy.get("div").should('contain','文本')断言元素中包含‘文本’
cy.get("input").should('match',"正则表达式")断言元素时候与正则匹配
cy.get(":checkbox").should('be.disabled')断言复选框已禁用

invoke()

• 方法：对前一条命令返回的结果进行调用方法
• 语法：.invoke(fun)
  .iinvoke(options,fun)
  .invoke(fun,args)
• 举例：

//调用animate方法
cy.wrap({animate:fn}).invoke('animate')
//找到.app元素并调用show方法
cy.get('.modal').invoke('show')

wrap()

• 方法：返回传递给他的对象
• 语法：.wrap(obj)
  .wrap(obj,args)
• 举例

//声明一个123的整数
cy.wrap(123)
//声明一个对象
cy.wrap({num:123})
})

within()

• 将所有后序cy命令的作用域都限定在此元素内
• 语法：.within(callbackFn)
  .within(options,callbackFn)
• 举例：

//在回调函数里，cy命令的作用域将限定在form里
cy.get('form'.within($form) => {
	
})