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”,並斷言文本輸入成功。接着清空輸入框,再判斷文本框已經被清空,斷言輸入框的文本為空。
代碼解釋:

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

    2、beforeEach 測試用例前置操作,相當於setup

    3、it聲明了一個測試用例

    4、cy.get 定位元素,用css selector定位選擇器

    5、type 輸入文本

    6、should 斷言,hava.value 是元素的value屬性值,判斷是否為‘yoyo’

    7、clear 清空文本

    8、should 繼續斷言,文本框內容為空字符串

  腳本編寫:方式2

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

  運行腳本:方式1

  腳本編寫完成后,現在就是運行,前面已經講過怎么啟動Cypress,這里使用ctrl+R→cmd,然后直接運行:

npm run cypress:open

  

 

 

   啟動成功之后,你會看到之前的腳本:

  

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

  

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

  運行腳本:方式2

  上面運行方式是在dos下,那么我們使用pycharm,可以直接利用IDE進行啟動,如圖:

  

 

 

  總結

  這是一個極其簡單的示例,有興趣可以持續關注。另外喜歡測試開發、性能測試的伙伴可以加入學習交流QQ群,一起學習成長。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM