测试时如何点击由伪元素实现的Bootstrap开关组件？

因为伪元素不属于DOM节点，Capybara无法直接定位并点击，你可以尝试以下几种方案：

• 定位真实的触发元素
  这类自定义Toggle通常基于隐藏的<input>（如checkbox）实现状态切换，直接定位该input并点击即可。若元素是隐藏状态，需添加visible: false参数：

  find('input#your-toggle-input-id', visible: false).click
  

• 点击Toggle的容器元素
  若交互事件绑定在Toggle的父容器（如包裹伪元素的<div>）上，直接点击这个容器就能触发切换：

  find('div.toggle-container-class').click
  

• 用JavaScript模拟点击
  如果前两种方法无效，直接通过JS触发元素的点击事件，绕过伪元素限制：

  toggle = find('div.toggle-selector')
  page.execute_script("arguments[0].click();", toggle.native)
  

  也可以通过坐标点击伪元素所在区域（根据Toggle尺寸调整坐标值）：

  find('div.toggle-selector').click(x: 15, y: 8)
  

• 确认使用支持JS的Capybara驱动
  确保测试配置了支持JavaScript的驱动（如Selenium、Cuprite），RackTest驱动不支持JS交互，会导致点击事件无法触发。可在测试中添加：

  Capybara.javascript_driver = :selenium_chrome
  

内容的提问来源于stack exchange，提问作者raphael-allard