如何不使用WAIT等待按钮可见，VISIBILITYCHECK设置后不生效怎么办

问题原因 #

TestCafe 选择器的visibilityCheck参数默认值就是true，仅配置该参数不会触发额外的等待逻辑，它只是用来控制选择器是否自动过滤不可见的匹配元素。你遇到的不生效问题，通常是因为按钮是表单校验通过后才动态插入DOM，或者还有disabled属性未解除，仅靠可见性判断无法覆盖这些场景。

可行解决方案 #

• 优先用更精准的属性定位按钮，避免同文本的隐藏元素干扰，比如匹配提交类型的按钮：
  this.buttonOk = Selector('button[type="submit"]').withText('Ok');
• 配合TestCafe自带智能等待的断言替代硬等待，不需要手动加WAIT，断言会自动等待条件成立直到达到全局超时时间：

  await t
    // 等待按钮已插入DOM
    .expect(this.buttonOk.exists).ok()
    // 等待按钮可见
    .expect(this.buttonOk.visible).ok()
    // 如果按钮校验通过前是禁用状态，加这行等待禁用状态解除
    .expect(this.buttonOk.hasAttribute('disabled')).notOk()
    // 以上条件都满足后再执行点击
    .click(this.buttonOk)
  

• 如果按钮是通过特定class控制显隐，也可以直接断言对应class的存在状态，比如按钮显示时会加active类，就加断言：await t.expect(this.buttonOk.classNames).contains('active')

内容的提问来源于stack exchange，提问作者Henrique Fontenele