Question

从WebElement对象检索xpath或css（任何逻辑）的可能方法有哪些？例如，我通过以下方式创建了WebElement：

WebElement obj=driver.findElement(By.cssSelector(".hello"));

现在我想从这个WebElement对象中取回一个By对象，或者如果我能够检索xpath或css，那么我就可以创建它的By对象了。建议我任何想法。

Answer 1

您应该理解，对于任何给定元素，有许多可能的XPath将到达该元素。

我们的软件在录制浏览器会话时会自动生成XPath，并且使用至少5种不同的策略来实现。但是每个生成器都在相同的基本概念上工作：从目标元素迭代树，直到我们找到一些其他可识别元素（例如root或具有id的元素），我们可以从中构建相对路径。然后基于可识别元素和目标元素的路径构建XPath。

Answer 2

尝试实现以下JavaScript函数。

// ************************************************************************************************
// XPath

/**
* Gets an XPath for an element which describes its hierarchical location.
*/
this.getElementXPath = function(element)
{
if (element && element.id)
return '//*[@id="' + element.id + '"]';
else
return this.getElementTreeXPath(element);
};

this.getElementTreeXPath = function(element)
{
var paths = [];

// Use nodeName (instead of localName) so namespace prefix is included (if any).
for (; element && element.nodeType == 1; element = element.parentNode)
{
var index = 0;
for (var sibling = element.previousSibling; sibling; sibling = sibling.previousSibling)
{
// Ignore document type declaration.
if (sibling.nodeType == Node.DOCUMENT_TYPE_NODE)
continue;

if (sibling.nodeName == element.nodeName)
++index;
}

var tagName = element.nodeName.toLowerCase();
var pathIndex = (index ? "[" + (index+1) + "]" : "");
paths.splice(0, 0, tagName + pathIndex);
}

return paths.length ? "/" + paths.join("/") : null;
};

this.getElementCSSPath = function(element)
{
var paths = [];

for (; element && element.nodeType == 1; element = element.parentNode)
{
var selector = this.getElementCSSSelector(element);
paths.splice(0, 0, selector);
}

return paths.length ? paths.join(" ") : null;
};

this.cssToXPath = function(rule)
{
var regElement = /^([#.]?)([a-z0-9\\*_-]*)((\|)([a-z0-9\\*_-]*))?/i;
var regAttr1 = /^\[([^\]]*)\]/i;
var regAttr2 = /^\[\s*([^~=\s]+)\s*(~?=)\s*"([^"]+)"\s*\]/i;
var regPseudo = /^:([a-z_-])+/i;
var regCombinator = /^(\s*[>+\s])?/i;
var regComma = /^\s*,/i;

var index = 1;
var parts = ["//", "*"];
var lastRule = null;

while (rule.length && rule != lastRule)
{
lastRule = rule;

// Trim leading whitespace
rule = this.trim(rule);
if (!rule.length)
break;

// Match the element identifier
var m = regElement.exec(rule);
if (m)
{
if (!m[1])
{
// XXXjoe Namespace ignored for now
if (m[5])
parts[index] = m[5];
else
parts[index] = m[2];
}
else if (m[1] == '#')
parts.push("[@id='" + m[2] + "']");
else if (m[1] == '.')
parts.push("[contains(concat(' ',normalize-space(@class),' '), ' " + m[2] + " ')]");

rule = rule.substr(m[0].length);
}

// Match attribute selectors
m = regAttr2.exec(rule);
if (m)
{
if (m[2] == "~=")
parts.push("[contains(@" + m[1] + ", '" + m[3] + "')]");
else
parts.push("[@" + m[1] + "='" + m[3] + "']");

rule = rule.substr(m[0].length);
}
else
{
m = regAttr1.exec(rule);
if (m)
{
parts.push("[@" + m[1] + "]");
rule = rule.substr(m[0].length);
}
}

// Skip over pseudo-classes and pseudo-elements, which are of no use to us
m = regPseudo.exec(rule);
while (m)
{
rule = rule.substr(m[0].length);
m = regPseudo.exec(rule);
}

// Match combinators
m = regCombinator.exec(rule);
if (m && m[0].length)
{
if (m[0].indexOf(">") != -1)
parts.push("/");
else if (m[0].indexOf("+") != -1)
parts.push("/following-sibling::");
else
parts.push("//");

index = parts.length;
parts.push("*");
rule = rule.substr(m[0].length);
}

m = regComma.exec(rule);
if (m)
{
parts.push(" | ", "//", "*");
index = parts.length-1;
rule = rule.substr(m[0].length);
}
}

var xpath = parts.join("");
return xpath;
};

需要在运行时从WebElement对象检索xpath或css

2 个答案: