从0开始学习自动化测试框架cypress(二)DOM

Cypress Can Be Simple: 这节来学习它简约而不简单的写法吧, 看了之后有种还可以这样的感觉

学习内容:

如何查询DOM
命令主题和命令链
断言写法

来看一个栗子

describe('Post Resource', () => {  it('Creating a New Post', () => {    cy.visit('/posts/new')     // 1.    cy.get('input.post-title') // 2.      .type('My First Post')   // 3.    cy.get('input.post-body')  // 4.      .type('Hello, world!')   // 5.    cy.contains('Submit')      // 6.      .click()                 // 7.    cy.url()                   // 8.      .should('include', '/posts/my-first-post')    cy.get('h1')               // 9.      .should('contain', 'My First Post')  })})

访问页面 /posts/new
查找类名为 post-title 的输入框( <input> )
在输入框内输入 “My First Post” (当然这里是自动输入的意思)
查找类名为 post-body 的输入框( <input> )
在输入框内输入 “Hello, world!”
查找包含 Submit 文本的元素(一般就是提交按钮)
单击 (自动单击的意思)
捕获浏览器地址,断言它包含 /posts/my-first-post
查找 h1 标签, 断言它包含文本 “My First Post”.

关键单词:

describe 定义一个主题, 或者叫场景context, 两个单词都可以
it 定义一个测试用例, 第一个参数是描述, 第二个是执行的函数体
visit 访问页面
get 查找元素, 类似jquery的选择器(selector)
type 输入内容, 在get之后, 链式调用type, 就是找到input, 然后输入
contains 也是查找元素, 根据是否包含文本的查找方式
click 单击
url 抓取浏览器地址
should 断言, 和后台语言的测试assert意思都是断言

这个设计的单词非常通俗易通,感觉就和日常说话如此简单,让人一看就懂,好期待后面的学习

(本篇就到这)

获取最新资讯,欢迎关注公众号: 软件开发与技术设计(SoftwareDesigner)

从0开始学习自动化测试框架cypress(二)DOM相关推荐

从0开始学习自动化测试框架cypress(五)总结
一.下载环境: cypress.zip解压运行examples或npm install cypress 二.简单使用 1.常用文件夹 fixtures: 保存json文件 integration: 保 ...
从0开始学习自动化测试框架cypress(四)登录
本文介绍一下模拟系统登录功能 1. 从json读取数据校验登陆读取json的话,cypress提供了函数 cy.fixture(filePath, encoding, options) 其中file ...
从0开始学习自动化测试框架cypress(一)
安装cypress 前提是已经安装nodejs mkdir cypress cd cypress npm install cypress --save-dev --registry=https://r ...
从0开始学习自动化测试框架cypress(五)案例
本文将实现以下案例功能使用到以下6个文件 login.jsp : 登录页面 index.jsp : 首页(成功登录后跳转到的页面) add_user.jsp : 新增用户页面 LoginServle ...
从0开始学习自动化测试框架cypress(三)特性
下面再来一个简单的例子实现效果是访问百度,输入java经典教程,搜索 describe('DOM访问操作实例', () => {it('百度搜索java经典教程', () => {cy. ...
自动化测试框架[Cypress元素操作详解]
前提已经熟练掌握了Cypress的基本知识,请参考自动化测试框架[Cypress概述]和自动化测试框架[各自动化测试框架比较] 已经熟练掌握Cypress环境配置,请参考自动化测试框架[Cypres ...
前端自动化测试框架cypress
前端自动化测试框架cypress 自动化测试为了保障软件质量,并减少重复性的测试工作,自动化测试已经被广泛运用. 自动化测试是一种测试方法,是指使用特定的软件,去控制测试流程,并比较实际结果与预期结 ...
自动化测试框架[Cypress命令行执行测试详解]
前提已经熟练掌握了Cypress的基本知识,请参考自动化测试框架[Cypress概述]和自动化测试框架[各自动化测试框架比较] 已经熟练掌握Cypress环境配置,请参考自动化测试框架[Cypres ...
前端自动化测试框架cypress（一）
前端自动化测试框架cypress 自动化测试为了保障软件质量,并减少重复性的测试工作,自动化测试已经被广泛运用. 自动化测试是一种测试方法,是指使用特定的软件,去控制测试流程,并比较实际结果与预期结 ...

从0开始学习自动化测试框架cypress(二)DOM

从0开始学习自动化测试框架cypress(二)DOM相关推荐

最新文章

热门文章