有谁知道如何使用 cypress 测试 ng5-slider (例如更改值)。我尝试了文档中的建议(例如使用触发器),但无法使其工作。
最佳答案
您可以尝试使用 type('{rightarrow} {rightarrow}')
将 slider 向右移动并测试获得的新值。我在 ng5-slider 示例站点中尝试过以下示例测试,它工作正常。识别 slider 并使用 type()
方法移动。默认 slider 值为 100
,移动 slider 后更改的值为“103”
describe('Try an Ng Slider test ', function () {
it('Check the slider and test the new slider value', function () {
cy.visit('https://angular-slider.github.io/ng5-slider/')
cy.get('a:contains("Go to demo")').parents('.mt-4').find('a').contains("Go to demo").click()
cy.wait(1000)
cy.get('#simple-slider').find('ng5-slider').find('span[aria-valuetext="100"]').type('{rightarrow}{rightarrow}{rightarrow}')
cy.get('#simple-slider').find('ng5-slider').find('span[aria-valuemax="250"]').invoke('attr', 'aria-valuetext', "103")
.should('have.attr', 'aria-valuetext', '103')
cy.scrollTo('top');
})
})
关于angular - 如何使用 ng5-slider 和 cypress 测试表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53955647/