Tosca中Enable==False对UI禁用按钮不生效问题咨询（Angular9+TypeScript）

我们采用Angular 9与TypeScript作为前端技术栈，使用Tosca扫描UI页面时扫描功能正常，但发现按钮明明处于禁用状态，扫描返回的enable值却始终为true，需要实现按钮启用/禁用状态的有效测试。

可能的原因及解决方案： #

• Angular属性绑定优化：Angular常用[disabled]动态绑定控制按钮状态，但Tosca可能无法精准识别这种框架层面的绑定。可在模板中同时添加原生disabled属性，确保DOM层面能体现禁用状态：

  <button [disabled]="isBtnDisabled" attr.disabled="{{ isBtnDisabled ? '' : null }}">操作按钮</button>
  

  这种写法既保留Angular的动态控制逻辑，又让原生disabled属性在禁用时存在，便于Tosca识别。

• Tosca对象属性映射调整：检查Tosca中扫描到的按钮对象，手动调整属性检测规则，将enable值的判断指向按钮的原生disabled属性（取反后作为结果）。

• 自定义脚本检测：如果自带扫描逻辑失效，可编写自定义脚本实现状态验证。比如通过TypeScript直接获取DOM属性进行断言：

  const targetBtn = document.querySelector('#testButton');
  expect(targetBtn.disabled).toBe(true); // 验证按钮处于禁用状态
  

• 版本兼容性检查：确认当前Tosca版本是否兼容Angular 9的动态属性机制，若版本过旧，尝试升级到适配版本。

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