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即可運作測試腳本了