Watir-Webdriver-解析表并单击“开始/停止”切换

Question

请保持温柔。 我是Ruby和Watir的新手。 通常，UI自动化测试也很新。 我试图解析一个表，然后单击启动/停止应用程序的切换。 未设置可以打开和关闭的应用程序。 它们的范围从1到“无限”个应用程序。 我需要一些可以解析每一行并单击切换的东西。 如果启动了应用程序，则需要将其关闭，反之亦然。 无论存在多少行。 该行在第一列中还包含一个元素，该元素允许单击该应用程序并将其带到提供有关该应用程序详细信息的另一页。 该切换位于表的最后一列。 这是我正在部署两个应用程序的HTML。 我可能缺少一些简单的东西。 我通常还是一名IT管理员，刚被这个问题困扰。 谢谢你的帮助

<table id="apps_data" class="table table-striped table-bordered table-hover ng-scope">
  <thead>
    <tr>
  </thead>
  <tbody>
    <tr class="link ng-scope" ng-repeat="app in services.data | orderBy:services.sort">
      <td class="ng-binding" ng-click="click_app(app.Id)">Zenoss</td>
      <td class="ng-binding deploy-success" ng-class="app.deploymentClass">
        <span class="glyphicon glyphicon-ok" ng-class="app.deploymentIcon"></span>
        successful
      </td>
      <td class="ng-binding">default</td>
      <td>
        <div class="toggle btn-group" data-toggle="buttons">
          <label class="ng-binding btn btn-success active" ng-click="clickRunning(app, 'start', servicesService)" ng-class="app.runningClass">
            <input class="ng-pristine ng-valid" type="radio" value="1" ng-model="app.Running" name="running0">
            started
          </label>
          <label class="ng-binding btn btn-default off" ng-click="clickRunning(app, 'stop', servicesService)" ng-class="app.notRunningClass">
            <input class="ng-pristine ng-valid" type="radio" value="stopped" ng-model="app.Running" name="running0">
          </label>
        </div>
      </td>
    </tr>
    <tr class="link ng-scope" ng-repeat="app in services.data | orderBy:services.sort">
      <td class="ng-binding" ng-click="click_app(app.Id)">Zenoss</td>
      <td class="ng-binding deploy-success" ng-class="app.deploymentClass">
        <span class="glyphicon glyphicon-ok" ng-class="app.deploymentIcon"></span>
        successful
      </td>
      <td class="ng-binding">default</td>
      <td>
        <div class="toggle btn-group" data-toggle="buttons">
          <label class="ng-binding btn btn-success active" ng-click="clickRunning(app, 'start', servicesService)" ng-class="app.runningClass">
            <input class="ng-pristine ng-valid" type="radio" value="1" ng-model="app.Running" name="running1">
            started
          </label>
          <label class="ng-binding btn btn-default off" ng-click="clickRunning(app, 'stop', servicesService)" ng-class="app.notRunningClass">
            <input class="ng-pristine ng-valid" type="radio" value="stopped" ng-model="app.Running" name="running1">
          </label>
        </div>
      </td>
    </tr>
  </tbody>
</table>

到目前为止，我已经知道了，但这只是第一行。

 if ff.div(:class, 'toggle btn-group').label(:class, 'ng-binding btn btn-success active').exist?
    ff.div(:class, 'toggle btn-group').label(:class, 'ng-binding btn btn-default off').click; sleep 1
  ff.div(:class, 'toggle btn-group').label(:class, 'ng-binding btn btn-default off').exist?
    ff.div(:class, 'toggle btn-group').label(:class, 'ng-binding btn btn-default off').click; sleep 1
 end

Answer 1

这可能会满足您的要求：

apps = browser.table(:id => 'apps_data').tbody.trs
apps.each do |app|
    set_radios = app.radios.find_all{ |radio| !radio.set? }
    if set_radios.length == 2
        # Neither radio button is set, so do nothing? 
    else
        set_radios.first.set
    end
end

这是什么：

1. 获取表主体中所有tr元素的集合。 假定每个tr元素代表一个“ app”。
2. 遍历每一行（应用程序）：
   1. 计算未设置的单选按钮的数量。
   2. 如果两个单选按钮均未设置，则不执行任何操作。
   3. 如果仅找到一个未设置的单选按钮，则将其设置。

请注意，由于该应用程序的两个单选按钮具有相同的名称属性值，因此设置一个单选按钮将自动取消设置另一个。