Capybara+SitePrism框架下不使用XPath获取下拉选项值问题咨询

问题根因 #

你当前在PageObjects中映射的#uniform-id_state是UniformJS渲染的美化下拉框外层容器，并非原生的<select>元素，因此无法直接调用Capybara的下拉操作方法。

解决方案 #

方案1：使用Capybara内置下拉选择方法（推荐，无XPath依赖）

1. 首先修正PageObjects中的元素映射，直接指向原生select元素：

class ScreenCadastro < SitePrism::Page
  set_url 'http://automationpractice.com/index.php?controller=authentication&back=my-account'
  element :input_cad_company, "#company"
  element :input_cad_address, "#address1"
  element :input_cad_city, "#city"
  # 修正映射：指向原生select元素，而非外层美化容器
  element :state_dropdown, "#id_state"
end

2. 调用Capybara内置的select方法，直接传入从YAML读取的州名参数即可完成选择，完全不需要硬编码XPath：

# 原有输入逻辑保持不变
input_cad_company.send_keys(DADOS[:cad_user][:_company])
input_cad_address.send_keys(DADOS[:cad_user][:_address])
input_cad_city.send_keys(DADOS[:cad_user][:_city])
# 下拉框选择逻辑，直接传入YAML中的州名
state_dropdown.select(DADOS[:cad_user][:_state])

方案2：适配美化下拉框交互（如果原生select被隐藏无法直接操作时使用）

如果UniformJS将原生select设置为不可见，无法直接调用select方法，可以先触发外层容器展开下拉框，再按文本匹配选项点击，同样不需要XPath：

# PageObjects保留原有外层容器映射
element :select_state_container, "#uniform-id_state"

# 操作逻辑
select_state_container.click
find('option', text: DADOS[:cad_user][:_state]).select_option

两种方案都可以完全替代硬编码的XPath写法，直接适配YAML配置中的州名参数，后续新增州选项时不需要修改代码，只需要更新YAML配置即可。

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