toggle - 如何确定DOM的Material-UI切换ON/OFF状态？

检查http://www.material-ui.com/#/components/toggle上的切换，在DOM中有一个类型为“复选框”的输入标签。 “默认情况下，已切换”具有“已选中”属性，但是当我将其设置为“关闭”状态时，位于下方的“输入”标签中的属性不会更改，并且“已选中”仍然存在。
如何从DOM确定切换ON / OFF状态？

ps。
我正在使用Selenium Web驱动程序编写自动功能测试。

最佳答案

如果您可以为每个data-*分配一个自定义toggle属性，请尝试以下操作:

handleToggle = (event) => {
  // here's your checked Value
  event.target.getAttribute('data-isToggled')
}

// ...React boilerplate

<Toggle
  label="Toggled by default"
  onToggle={this.handleToggle}
  data-isToggled={this.state.Toggled}
  toggled={this.state.Toggled}
/>