首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Cypress系列-编写第一个用例

Cypress系列-编写第一个用例

作者头像
小博测试成长之路
发布2021-07-06 16:59:19
6440
发布2021-07-06 16:59:19
举报
文章被收录于专栏:软件测试学习软件测试学习

Cypress环境搭建

Cypress系列-使用yarn命令搭建cypress自动化测试环境

Cypress系列-使用npm命令搭建cypress环境

编写第一个测试脚本

在cypress的项目目录下,在integration文件夹下创建一个first_test_demo.js文件,写入如下内容:

describe('My First Test', () => {
  it('Does not do much!', () => {
    expect(true).to.equal(true)
  })
})

然后在命令行窗口执行npx cypress open命令启动cypress,在弹出的窗口中点击自己编写的测试脚本文件,运行后结果如下:

脚本执行结果:

接下来再复制下面的脚本,测试一下执行失败的场景:

describe('My First Test', () => {
  it('Does not do much!', () => {
    expect(true).to.equal(false)
  })
})

将上面的脚本追加到之前的脚本后面,执行脚本的报告如下:

编写第一个打开网站的脚本

可以使用以下的脚本去进行操作:

cy.visit('url')  #打开网址
cy.contains('content').click() #查找元素,然后进行点击

完整的脚本如下:

describe('第一个打开网站的case', () => {
    it('finds the content "type"', () => {
      // 打开网址
      cy.visit('https://example.cypress.io')
      
      // 查找页面包含type的元素
      cy.contains('type').click()

      // 检查当前页面url是否包含 '/commands/actions'
      cy.url().should('include', '/commands/actions')

      // 获取一个输入框,然后输入内容,并且校验内容是否更新
      cy.get('.action-email')
        .type('fake@email.com')
        .should('have.value', 'fake@email.com')
    })
  })

运行后页面截图如下:

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2021-06-22,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 小博测试成长之路 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档