引言
前面已經說過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群,一起學習成長。