Cypress web自動化2-pycharm寫第一個腳本

前言

Cypress是javascript語言寫的，寫js腳本可以用pycharm編輯器上直接編寫。
以第一個百度頁面搜索框為案例編寫一個可以運行的腳本

pycharm導入工程

上一篇新建的項目目錄在D:\Cypress

pycharm - File - Open - D:\Cypress\cypress 導入項目

在 setting 里面配置下 javascript 語言版本

在 integration 目錄下新建你的工程目錄，如demo，下面新建一個baidu.js文件

/**
 * Created by dell on 2020/5/11.
 * 作者：上海-悠悠 **QQ交流群：939110556**
 */

describe('第一個hello world腳本從百度開始', function() {
    beforeEach(() => {
          cy.visit('https://www.baidu.com')
        })
      it("百度輸入框功能", function()
      {
          cy.get('#kw').type('yoyo')
              .should('have.value', 'yoyo')
              .clear()
              .should('have.value', '')
          })
    })

腳本實現功能，先打開百度頁面，在百度輸入框輸入“yoyo”,並斷言文本輸入成功。接着清空輸入框，再判斷文本框已經被清空，斷言輸入框的文本為空。
代碼解釋：

• describe 聲明一個測試用例集
• beforeEach 測試用例前置操作，相當於setup
• it聲明了一個測試用例
• cy.get 定位元素，用css selector定位選擇器
• type 輸入文本
• should 斷言，hava.value 是元素的value屬性值，判斷是否為‘yoyo’
• clear 清空文本
• should 繼續斷言，文本框內容為空字符串

運行腳本

接着上一篇的，先cd到項目目錄，用npm啟動cypress頁面

D:\Cypress>npm run cypress:open

前面寫的js腳本，這里會自動檢測到

點baidu.js即可運行測試腳本了

2個斷言都通過，一個簡單的入門腳本就這樣完成了！

QQ交流群：939110556