Cypress系列（5）- 自定義 Cypress

若是想從頭學起Cypress，能夠看下面的系列文章哦

https://www.cnblogs.com/poloyy/category/1768839.html

 

前言

• Cypress 不只支持用戶自定義文件結構，還支持用戶自定義 Cypress 的各項配置
• Cypress 能夠經過 cypress.json 文件來實現各項配置的自定義【文件默認是空的】
• 這裏只介紹經常使用到的配置項，更多配置項請看：https://docs.cypress.io/zh-cn/guides/references/configuration.html#Cypress-config

 

全局配置項

 

超時 Timeouts相關

• 超時是必需要了解的核心概念
• 幾乎全部命令均可能以某種方式超時
• 全部斷言，不管它們是默認斷言仍是本身添加的斷言都具備相同的超時時間

 

文件夾 / 文件相關

相對於默認文件結構來講，Cypress 支持用戶自定義的文件結構

 

可視視圖

Cypress 在 Test runner 中運行時，會顯示一個可視視圖

 

Cypress.config()

除了直接在 cypress.json 文件裏更改配置項以外，Cypress 還容許咱們經過 Cypress.config() 去獲取或覆蓋某些配置項，語法以下：

// 獲取全部config信息
Cypress.config() // 獲取指定配置項的信息
Cypress.config(name) // 更改指定配置項的默認值
Cypress.config(name, value) // 使用對象字面量（object literal）設置多個配置項
Cypress.config(object)

 

小栗子

每次測試運行前都打印全部的配置信息，將下列代碼添加到 cypress/support/index.js 中

beforeEach(function () { cy.log(`當前環境變量爲${JSON.stringify(Cypress.env())}`) cy.log(`當前配置項信息爲${JSON.stringify(Cypress.config())}`) })

運行任意測試文件，則能夠看到執行 visit() 命令前打印了兩次log日誌

 

在測試文件的栗子

在 Integration 文件夾下建立 testConfig.js 文件

//<reference types="cypress" /R>
 describe('測試配置項', function () { it('測試取值和設置值', function () { // 獲取 pageLoadTimeout默認值
        cy.log(`pageLoadTimeout默認值是：${Cypress.config('pageLoadTimeout')}`) // 設置 pageLoadTimeout 值
        Cypress.config("pageLoadTimeout",100000) // 再次獲取 pageLoadTimeout 的值
 cy.log(`pageLoadTimeout默認值是：${Cypress.config('pageLoadTimeout')}`) }) })

運行 testConfig.js 文件，結果以下圖

 

本文分享 CNBlog - 阿菠蘿阿瑤。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。