我们如何从常规下拉列表框中选择所有options
并使用赛普拉斯进行验证。
<select id="cars_list">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
//下面的测试只能检查一个选项,我们如何验证休息状态?
describe("Select all values from drop down list", function() {
it("Cypress test and verify all options", function() {
cy.visit("Https://sometestingsite.com")
cy.get('#cars_list').then(function($select){
$select.val('volvo')
})
cy.get('select').should('have.value', 'volvo')
});
});
答案 0 :(得分:3)
我建议测试看起来像这样
cy.get('#cars_list option').then(options => {
const actual = [...options].map(o => o.value)
expect(actual).to.deep.eq(['volvo', 'saab', 'mercedes', 'audi'])
})
使用cy.get()
选择多个子元素,然后使用[...options]
展开它们,使用.map(o => o.value)
映射到它们的值,并使用深等于比较数组。
我尚未对此进行测试,因此代码可能需要进行一些调整。