如何使用带有标记+类名+内部html文本的CSS定位器来标识跨度中的按钮

Question

我正在使用selenium FirefoxDriver来自动化一个测试用例（这方面我是新手）

我需要一种方法来定位按钮（我认为它是作为div实现的/span）

当我在Selenium IDE中//span[contains(text(),'login')]中尝试时，该xpath定位器可以工作

此外，我还可以使用span标记和classnameCSS=span.x-btn-button来使用此CSS定位器

我需要的是一种使用带有标签+类名+内部html文本的CSS定位器的方法。（这将帮助我处理应用程序中的一些其他UI元素）

HTML如下所示

<div id="toolbar-1035" class="x-toolbar x-docked x-toolbar-footer x-docked-bottom x-toolbar-docked-bottom x-toolbar-footer-docked-bottom x-box-layout-ct" style="right: auto; left: 0px; top: 141px; width: 223px;">
  <div role="presentation" class="x-box-inner " id="toolbar-1035-innerCt" style="width: 217px; height: 22px;">
    <div role="presentation" class="x-box-target" id="toolbar-1035-targetEl" style="width: 217px;">
      <a id="button-1036" unselectable="on" hidefocus="on" class="x-btn x-unselectable x-box-item x-toolbar-item x-btn-default-small x-noicon x-btn-noicon x-btn-default-small-noicon" style="right: auto; top: 0px; margin: 0px; left: 0px; width: 75px;" tabindex="0">
        <span unselectable="on" class="x-btn-wrap" role="presentation" id="button-1036-btnWrap">
<span role="presentation" class="x-btn-button" id="button-1036-btnEl" style="background-color: transparent;">
<span unselectable="on" class="x-btn-inner x-btn-inner-center" id="button-1036-btnInnerEl" style="background-color: transparent;">Login</span>
        <span style="" unselectable="on" class="x-btn-icon-el  " id="button-1036-btnIconEl" role="presentation"></span>
        </span>
        </span>
      </a>
    </div>
  </div>
</div>

Answer 1

这篇文章有一些真正的好方法来使用XPath/CSS进行元素标识！

是否可以在量角器中使用cssContainingText获得下一个同级

但函数cssContainingText特定于量角器。