Web端自动化特殊抓取元素方式

1、查找多层的文本元素

一个层级下是带一段有许多空格的文本；多个层级分别带一段有许多空格的文本；如下图所示：

1.用contains和.組合查找文本
//div[contains(@class,'lemmaSummary')][contains(.,'百度热搜是以数亿用户的真实数据为基础，通过专业的数据挖掘方法，计算关键词的热搜指数，旨在建立全面、热门、时效的各类关键词排行榜，热词阅读时代。 [1]')]
2.用normalize-space()，通过去掉前导和尾随还有中间的空白并使用单个空格替换一系列空白字符
//div[normalize-space()='百度热搜是以数亿用户的真实数据为基础，通过专业的数据挖掘方法，计算关键词的热搜指数，旨在建立全面、热门、时效的各类关键词排行榜，热词阅读时代。 [1]']

2、文本中带有单引号的元素

1. 双引号包裹，属性值含单引号无需转义
//div[@title="a'a"]     
2.单引号包裹，属性值含双引号无需转义
//div[@title='a\"a']     
3.匹配同时含单双引号的文本
//div[contains(.,concat('"',"'"))]

3、文本里含有特殊的空格"&nbsp"

用键盘空格建打出来的空格是找不到相应的元素的，要用特殊空格进行匹配才可以，就是按住alt然后按数字键的0160再松开alt键就会有个特殊空格(alt+0160)，这样就可以找到带有特殊空格文本的元素

4、查找以g,svg,path开头的元素

在做自动化测试时，发现常用的xpath定位方式无法对svg，g，path的标签定位，解决办法是将g，svg，path标签和包含的标签用local-name/name来获取xpath

//[name()='svg']/[name()='包含标签']
//*[local-name()='g' and @id='眼睛-黑']

5、查找排除不可见父节点div下的元素

<div style="display: none;">
  <div>
    <button><div><span>Save</span></div></button>
  </div>
</div>
<div>
  <div>
    <button><div><span>Save</span></div></button>
  </div>
</div>

查找第二个save按钮：
//button[contains(.//span, 'Save') and not(ancestor::div[@style='display: none;'])]
//button[contains(.//span, 'Save') and not(ancestor::div[contains(@style, 'display: none')])]

6、无法用sendkey，fillin输入元素

1.利用js进行输入
String js = "var xpath = '//input';"+
        "var result = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);" +"var inputElement = result.singleNodeValue;"+
        "if (inputElement) { "+
        "inputElement.value = '100';"+
        "};" +
        "var eventinput = new Event('input', {  " +
        "bubbles: true, " +
        "cancelable: true," +
        "});" +
        "var eventchange = new Event('change', {  " +
        "bubbles: true, " +
        "cancelable: true," +
        "});"+ "inputElement.dispatchEvent(eventinput); " +
        "inputElement.dispatchEvent(eventchange); ";

2.
// set value
runJs("arguments[0].setAttribute('value','"+value+"');","ElementName");
// update value
runJs("arguments[0].dispatchEvent(new Event('input', { bubbles: true }));", " ElementName");
runJs("arguments[0].dispatchEvent(new Event('change', { bubbles: true }));", "ElementName");