从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')  })})

1. 访问页面 /posts/new

2. 查找 类名为 post-title  的输入框( <input> ) 

3. 在输入框内输入 “My First Post”  (当然这里是自动输入的意思)

4. 查找 类名为  post-body  的输入框(  <input> )

5. 在输入框内输入 “Hello, world!”

6. 查找包含 Submit 文本的元素(一般就是提交按钮)  

7. 单击 (自动单击的意思)

8. 捕获浏览器地址,断言它包含 /posts/my-first-post

9. 查找 h1 标签, 断言它包含文本 “My First Post”.

    

 

关键单词: 

1. ​describe 定义一个主题, 或者叫场景context, 两个单词都可以

2. it 定义一个测试用例, 第一个参数是描述, 第二个是执行的函数体

3. visit 访问页面

4. get 查找元素, 类似jquery的选择器(selector)

5. type 输入内容, 在get之后, 链式调用type, 就是找到input, 然后输入

6. contains 也是查找元素, 根据是否包含文本的查找方式

7. click 单击

8. url 抓取浏览器地址

9. should 断言, 和后台语言的测试assert意思都是断言

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

(​本篇就到这)

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