如何使用賽普拉斯從下拉列表中選擇隨機項目？

Question

在網站： https : //www.testandquiz.com/selenium/testing.html有一個下拉菜單在這里輸入圖片描述

html 如下所示：

 <select id="testingDropdown"> <option id="automation" value="Automation">Automation Testing</option> <option id="performance" value="Performance">Performance Testing</option> <option id="manual" value="Manual">Manual Testing</option> <option id="database" value="Database">Database Testing</option> </select>

我想要：

1. 單擊提到的下拉菜單
2. 計算物品的數量
3. 從列表中選擇隨機項目

如何處理使用柏樹？

我嘗試了以下但測試失敗

 describe('Cypress.io tests', function() { it('Open cypress.io page', function() { var cypressPage = 'https://www.testandquiz.com/selenium/testing.html' cy.visit(cypressPage) cy.xpath("//[@id='testingDropdown']").click(); }) })

Answer 1

在以下站點中： https : //www.testandquiz.com/selenium/testing.html在此處有一個下拉列表在此處輸入圖像描述

html如下所示：

 <select id="testingDropdown"> <option id="automation" value="Automation">Automation Testing</option> <option id="performance" value="Performance">Performance Testing</option> <option id="manual" value="Manual">Manual Testing</option> <option id="database" value="Database">Database Testing</option> </select>

我想：

1. 點擊提到的下拉菜單
2. 計算項目數
3. 從列表中選擇隨機項

如何處理這種柏樹？

我嘗試了以下方法，但測試失敗

 describe('Cypress.io tests', function() { it('Open cypress.io page', function() { var cypressPage = 'https://www.testandquiz.com/selenium/testing.html' cy.visit(cypressPage) cy.xpath("//[@id='testingDropdown']").click(); }) })

Answer 2

在以下站點中： https : //www.testandquiz.com/selenium/testing.html在此處有一個下拉列表在此處輸入圖像描述

html如下所示：

 <select id="testingDropdown"> <option id="automation" value="Automation">Automation Testing</option> <option id="performance" value="Performance">Performance Testing</option> <option id="manual" value="Manual">Manual Testing</option> <option id="database" value="Database">Database Testing</option> </select>

我想：

1. 點擊提到的下拉菜單
2. 計算項目數
3. 從列表中選擇隨機項

如何處理這種柏樹？

我嘗試了以下方法，但測試失敗

 describe('Cypress.io tests', function() { it('Open cypress.io page', function() { var cypressPage = 'https://www.testandquiz.com/selenium/testing.html' cy.visit(cypressPage) cy.xpath("//[@id='testingDropdown']").click(); }) })

Answer 3

cy.get(`#selectId> option`)
.then(listing => {        
  const randomNumber = getRandomInt(0, listing.length);
  cy.get(`#selectId> option`).eq(randomNumber).then(($select) => {        
    const text = $select.text()       
    cy.get(`#selectId`).select(text)      
  });    
})-

function getRandomInt(min, max){      
  return Math.floor(Math.random() * (max - min + 1)) + min;    
} 

HTML代碼：

<select id="selectId">
  <option>A</option>
  <option>B</option>
</select>