时间戳

首页 > 解决方案 > 使用 WATIR 定位 Shadow DOM 中的元素

ruby - 使用 WATIR 定位 Shadow DOM 中的元素

问题描述

我遵循了 JustinKo 的其他答案（如何使用 Watir 访问 Shadow DOM 并与之交互？），但我不知道如何在这里使用它来满足我的要求。

这是我想找到的文本字段。这个 text_field 进入 shadow dom 中，如下所示。

    <div class="vaadin-text-field-container">    
      <label part="label" id="vaadin-text-field-label-0">Username</label>    
      <div part="input-field" id="vaadin-text-field-input-0">    
        <slot name="prefix"></slot>    
        <slot name="input">
          <input part="value" tabindex="0" aria-labelledby="vaadin-text-field-label-0 vaadin-text-field-input-0" maxlength="512" autocomplete="off" required="">
        </slot>    
        <div part="clear-button" id="clearButton" role="button" aria-label="Clear" hidden="true"></div>
        <slot name="suffix"></slot>    
      </div>    
      <div part="helper-text" id="vaadin-text-field-helper-0">
        <slot name="helper"></slot>
      </div>    
      <div part="error-message" aria-live="assertive" aria-hidden="true" id="vaadin-text-field-error-0"></div>    
    </div>
<style include="lumo-text-field"></style><style include="lumo-input-field-theme"></style><style include="flow_css_mod_12"></style>

有什么具体方法可以帮助我在 WATIR 的 Shadow DOM 中找到这个元素吗？

标签： rubywatir

解决方案

推荐阅读