新一代前端自动化测试工具：cypress

小咪咪 2022-01-29 07:29 231阅读 0赞

你还在为前端自动化测试苦恼吗，这里为你推荐一款优秀的主流测试工具！

## 安装及配置 ##

安装

npm i cypress -S -D

启动

cypress open

或者

npm run cypress:open

需要在`package.json`中配置以下命令：

{ 
      'scripts': { 
        'cypress:open': 'cypress open'
      }
    }

## 示例 ##

describe('My First Test', function() { 
      it('clicking "type" shows the right headings', function() { 
        cy.visit('https://example.cypress.io')
        cy.pause()
        cy.contains('type').click()
        cy.url().should('include', '/commands/actions')
        cy.get('.action-email').type('fake@email.com').should('have.value', 'fake@email.com')
      })
    })

## 进阶（自定义命令） ##

自定义命令，可有效避免代码过度冗余，可理解为逻辑的打包封装。

touch cpyress/support/commands.js

Cypress.Commands.add('login', (name, password) => { 
      cy.visit('http://www.domain.com/sso/login?returnUrl=http://app.domain.com')
      // type in and submit
      cy.get('[data-cy=name]').type(name).should('have.value', name)
      cy.get('[data-cy=password]').type(password).should('have.value', password)
      cy.get('[data-cy=submit]').click()
    })

使用方法

cy.login('[name]', '[password]').wait(250)

发表评论取消回复

表情：

评论列表（有 0 条评论，231人围观）

还没有评论，来说两句吧...

相关阅读

相关 cypress自动化测试工具开发指南

![1e3e0d4b6d524b2392cac3f0ee7252c9.png][] cypress是基于JavaScript语言为编写语言的自动化测试开发工具，配合使用cuc

向右看齐/ 2023年10月16日 12:51/ 0 赞/ 4 阅读

相关新一代自动化测试神器Playwright

说到WebUI自动化测试，首当其冲的当属Selenium，在很长的一段时间内，Selenium统治着Web自动化，Selenium其实经历了四个阶段，从2006年发布的Sele

喜欢ヅ旅行/ 2023年09月26日 19:56/ 0 赞/ 106 阅读

相关前端自动化测试框架-Cypress

1、前言一提起 Web UI 自动化时，大多数都会想到自动化测试工具 Selenium。随着测试技术的不断发展，出现了很多优秀的自动化测试工具。本篇将介绍一款目前市

淩亂°似流年/ 2023年09月24日 23:28/ 0 赞/ 38 阅读

相关自动化测试框架[Cypress API]

在Cypress运行时，通常采用`cypress run`或者`cypress open`命令，但这不是唯一的运行方式，Cypress允许将它视为一个Node Module来运

逃离我推掉我的手/ 2023年01月06日 01:23/ 0 赞/ 222 阅读

相关自动化测试框架[Cypress接口测试]

请求接口在Cypress中发起HTTP请求需要用到cy.request()，其语法如下 cy.request(url) cy.request(url,

雨点打透心脏的1/2处/ 2023年01月06日 01:23/ 0 赞/ 232 阅读

相关自动化测试框架[Cypress测试用例]

前提 > 已经熟练掌握了Cypress的基本知识，请参考[自动化测试框架\[Cypress概述\]][Cypress]和[自动化测试框架\[各自动化测试框架比较\]

淩亂°似流年/ 2023年01月01日 15:59/ 0 赞/ 339 阅读

相关自动化测试框架[Cypress概述]

Cypress简介自2004年Selenium诞生并伴随着WebDriver的发展，Selenium和Webdriver的组合成为前端自动化测试不二之选，但近些年前端技

快来打我*/ 2022年12月22日 09:27/ 0 赞/ 195 阅读

相关自动化测试框架[Cypress API]

在Cypress运行时，通常采用`cypress run`或者`cypress open`命令，但这不是唯一的运行方式，Cypress允许将它视为一个Node Module来运

布满荆棘的人生/ 2022年11月19日 12:43/ 0 赞/ 249 阅读

相关自动化测试框架[Cypress接口测试]

请求接口在Cypress中发起HTTP请求需要用到cy.request()，其语法如下 cy.request(url) cy.request(url,

港控/mmm°/ 2022年11月19日 12:43/ 0 赞/ 271 阅读

相关新一代前端自动化测试工具：cypress

你还在为前端自动化测试苦恼吗，这里为你推荐一款优秀的主流测试工具！安装及配置安装 npm i cypress -S -D 启动 cypress

小咪咪/ 2022年01月29日 07:29/ 0 赞/ 232 阅读