資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究Cypress 定位器外掛
除了 Cypress 用於唯一標識元素的 CSS 選擇器之外，還有一個 Cypress 外掛可以自動為每個元素提供 CSS。此外掛稱為 **開啟選擇器遊樂場 (Open Selector Playground)**，並隨 Cypress 測試執行器一起提供。
此外掛顯示在測試執行器視窗的左上角。我們需要單擊它，然後監視我們想要標識的元素。監視該元素後，CSS 選擇器值會預設填充。
要標識元素，請監視該元素。請注意，CSS 值會與 Cypress 命令 cy.get 一起填充到測試執行器中，例如 #gsc-i-id1。
現在，讓我們實現一個 Cypress 測試用例，並藉助開啟選擇器遊樂場外掛來標識元素。
示例
程式碼實現。
// test suite
describe('Tutorialspoint Test', function () {
// test case
it('Test Case1', function (){
// test step to launch a URL
cy.visit("https://tutorialspoint.tw/index.htm");
// enter test in the edit box
cy.get("#gsc-i-id1").type("Cypress")
// wait for some time
cy.wait(3000)
});
});在上面的程式碼中，**cy** 是一個全域性命令，使我們能夠呼叫任何 Cypress 命令。此 **cy** 不需要任何物件宣告，它在下載節點模組後會自動出現。visit() 方法用於啟動任何 Web 應用程式。
接下來，get() 方法用於查詢與 get() 方法引數中提供的 CSS 值匹配的元素，然後透過 type() 方法輸入文字。要輸入的文字作為引數傳遞給 type() 方法。
最後，我們使用 wait() 方法設定了一些等待時間。儘管 Cypress 自動處理同步問題，但我們在此處提供了等待時間，因為在編輯框中輸入文字後，沒有要在瀏覽器上執行的操作。
wait() 方法的引數以毫秒為單位定義。
更新於：2020年8月5日
566 次檢視
廣告