Cypress常用操作

Cypress自带断言，例：
cy.get('input.post-title')    //查找类为：post-title的输入框，一直到它被找到为止（有超时限制）

describe('Post Resource', function() { it('Creating a New Post', function() {

cy.visit('/posts/new')    //访问/posts/new页面

cy.get('input.post-title')    //找到类为：post-title的输入框

cy.contains('Submit') .click()    //找到包含文本：Submit的元素并点击

cy.url() .should('include', '/posts/my-first-post')    //获取浏览器地址，确保地址里含有 /posts/my-first-post.

cy.get('h1') .should('contain', 'My First Post')    //找到 h1 标签, 确保内容里含有”My First Post”.

cy.get('.main').contains('New Post')    // 查找'.main'的元素且文本内容为'New Post'

cy.get('.my-slow-selector', { timeout: 10000 })    // 给查找元素：.my-slow-selector10秒的超时时间

cy.pause()  //断言，表示case执行到此处时暂停；然后可以点击下一步或者继续执行

cy.exec() - 运行系统指令

cy.task() - 通过pluginsFile在Node里运行代码

cy.request() - 发起HTTP请求

在 Cypress 中有两种断言写法:

1. 隐式操作对象: 使用 .should() 或者 .and().
2. 显示操作对象: 使用 expect.

以下是Cypress提供的与您的应用进行交互的更多动作命令：

• .blur() - 移开DOM元素上的焦点.
• .focus() - 聚焦DOM元素.
• .clear() - 清除输入或文本区域的值.
• .check() - 选中复选框或者单选框.
• .uncheck() - 取消选中复选框.
• .select() - 选择一个含有 <option>属性的<select>元素.
• .dblclick() - 双击DOM元素.