Cypress學習筆記3——編寫第一個測試腳本

　　引言

　　前面已經說過Cypress是javascript語言寫的，我這裏使用pycharm編輯器和ST3進行編寫js腳本。

　　腳本編寫:方式1

　　首先找到以前安裝Cypress項目的文件位置，如圖：

　　

 

　　打開IDE，導入工程：

　　

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

　　 

 　　新建一個項目目錄名爲：autotest_demo，如圖：

　　

　　而後目錄下新建一個測試文件, 名稱爲：baidu.js，如圖：

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

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

　　　　一、describe 聲明一個測試用例集

　　　　二、beforeEach 測試用例前置操做，至關於setup

　　　　三、it聲明瞭一個測試用例

　　　　四、cy.get 定位元素，用css selector定位選擇器

　　　　五、type 輸入文本

　　　　六、should 斷言，hava.value 是元素的value屬性值，判斷是否爲‘yoyo’

　　　　七、clear 清空文本

　　　　八、should 繼續斷言，文本框內容爲空字符串

　　腳本編寫:方式2

　　上面是使用pycharm編輯器，平時輕量級的項目，我會使用Sublime Text3來編輯，如圖：

　　運行腳本:方式1

　　腳本編寫完成後，如今就是運行，前面已經講過怎麼啓動Cypress，這裏使用ctrl+R→cmd，而後直接運行：

npm run cypress:open

　　

 

 

 　　啓動成功以後，你會看到以前的腳本：

　　

　　直接點擊baidu.js運行就是了

　　

 　　兩個斷言都是Pass狀態，代表該測試結果符合預期，這個簡單的腳本已經完成。

　　運行腳本:方式2

　　上面運行方式是在dos下，那麼咱們使用pycharm，能夠直接利用IDE進行啓動，如圖：

　　

 

 

　　總結

　　這是一個極其簡單的示例，有興趣能夠持續關注。另外喜歡測試開發、性能測試的夥伴能夠加入學習交流QQ羣，一塊兒學習成長。