如何检查单选按钮在赛普拉斯中是否可点击
How to check the radio button is clickable or not in cypress
我需要检查单选按钮是否可以点击。在某些情况下,此单选按钮是可点击的,但在某些情况下,用户无法点击单选按钮。
不可点击场景下不允许使用光标。
有人可以帮助我吗?
我在下面附上了屏幕截图。
我已经尝试了很多,但都没有用。
checkSkipBtnClickable(){
const checkSkipButton = cy.get(':nth-child(3) > .ant-radio-wrapper')
}
Cursor is not allowed to click
Cursor is allowed to click
code
这会在名为 checkSkipButton
的别名中为您提供一个 true/false 值
cy.contains('h3', 'Skip')
.parent()
.then($el => $el.css('cursor') === 'not-allowed')
.as('checkSkipButton')
cy.get('@checkSkipButton').then(checkSkipButton => {
if (checkSkipButton) {
...
}
})
这是我得到的答案:
cy.contains('h3', 'Skip')
.parent()
.then($el => $el.css('cursor') === 'not-allowed')
.as('checkSkipButton')
cy.get('@checkSkipButton').then(checkSkipButton => {
if (checkSkipButton) {
cy.log("Skip is not available")
}
else{
cy.log("Skip is available")
}
})
我需要检查单选按钮是否可以点击。在某些情况下,此单选按钮是可点击的,但在某些情况下,用户无法点击单选按钮。
不可点击场景下不允许使用光标。
有人可以帮助我吗?
我在下面附上了屏幕截图。
我已经尝试了很多,但都没有用。
checkSkipBtnClickable(){
const checkSkipButton = cy.get(':nth-child(3) > .ant-radio-wrapper')
}
Cursor is not allowed to click
Cursor is allowed to click
code
这会在名为 checkSkipButton
cy.contains('h3', 'Skip')
.parent()
.then($el => $el.css('cursor') === 'not-allowed')
.as('checkSkipButton')
cy.get('@checkSkipButton').then(checkSkipButton => {
if (checkSkipButton) {
...
}
})
这是我得到的答案:
cy.contains('h3', 'Skip')
.parent()
.then($el => $el.css('cursor') === 'not-allowed')
.as('checkSkipButton')
cy.get('@checkSkipButton').then(checkSkipButton => {
if (checkSkipButton) {
cy.log("Skip is not available")
}
else{
cy.log("Skip is available")
}
})