Skip to content

update to auto generates css/xpath locator #55

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
zzhengjian wants to merge 2 commits into
base: master
Choose a base branch
from
Open

update to auto generates css/xpath locator #55

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
88933e4
update to auto generates css/xpath locator
zzhengjian Jan 8, 2016
e9a84e7
Add condition in case id with space
zzhengjian Feb 23, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
150 changes: 127 additions & 23 deletions content/FirePathPanel.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1013,8 +1013,10 @@ FBL.getPrefixFromNS = function(ns) {
FBL.getXPathFromNode = function(node, context) {
var result = "";
var stop = false;
var usingClass = true
var absolute = Firebug.getPref(Firebug.prefDomain, "firepath.generateAbsoluteXPath");

var classname = '';

var parent = context || node.ownerDocument;
while (node && node != parent && !stop) {
var str = "";
Expand All @@ -1033,29 +1035,58 @@ FBL.getXPathFromNode = function(node, context) {
break;
case Node.ELEMENT_NODE:

var name = getTagName(node);
var name = node.tagName.toLowerCase();

if(!absolute && node.id && node.id != "") {
str = ".//*[@id='" + node.id + "']";
position = null;
stop = true;
} else if(!absolute && node.tagName == 'LABEL' && isInForm(node) && (_for = getForAttribute(node))){
str = ".//*[@for='" + _for + "']";
stop = true;
}else if(!absolute && (classname = isClassNameUnique(node)) && usingClass) {
str = ".//*[@class='" + classname + "']";
position = null;
stop = true;
}else if(!absolute && isTagNameUnique(node)) {
str = ".//" + name;
position = null;
stop = true;
} else {
str = name;
str = name;
}

break;
}

result = str + (position ? "[" + position + "]" : "") + (result? "/": "") + result;

if(node instanceof Attr) node = node.ownerElement;
else node = node.parentNode;

node = node.parentElement;
}

return result;
}

function isClassNameUnique(node)
{
if(!node.className || !node.className.replace(firepathClass, ''))
{
return '';
}
var classname = node.className.replace(firepathClass, '');
var doc = node.ownerDocument;
//avoid to use classname contains too many spaces
if(classname.split(' ').length > 3)
{
return '';
}
if(doc.getElementsByClassName(classname).length == 1)
{
return classname;
}
return '';
}

const firepathClass = /\s*firepath-matching-node\s*/g;
const multipleSpace = /\s+/g;

Expand All @@ -1065,38 +1096,111 @@ FBL.getCssSelectorFromNode = function (node, context) {
parent = context || node.ownerDocument,
stop = false,
str;
var classpath = '';

while (node && node != parent && !stop) {
if(node.nodeType === Node.ELEMENT_NODE) {
if(node.id) {
str = '#' + node.id;
if(node.id.indexOf(' ')>0)
{
str = "[id='" + node.id + "']";
}
else
{
str = '#' + node.id;
}
stop = true;
} else if(node.className && node.className.replace(firepathClass, '')) {
str = '.' + node.className.replace(firepathClass, ' ').trim()
.replace(multipleSpace, ' ').split(' ').join('.');
} else if(node.tagName == 'LABEL' && isInForm(node) && (_for = getForAttribute(node))){
str = "[for='" + _for + "']";
stop = true;
} else if(classpath = getUniqueClassPath(node)) {
str = classpath;
stop = true;
} else {
str = node.localName.toLowerCase();
} else if(isTagNameUnique(node)) {
str = node.tagName.toLowerCase();
stop = true;
}
else {

var position = getNodePosition(node);
if(position)
{
str = node.tagName.toLowerCase() + ':nth-of-type(' + getNodePosition(node) + ')';
}
else
{
str = node.tagName.toLowerCase()
}
}

result = str + (result? '>' + result: '');
}

}

node = node.parentElement;

}

return result;
}

function getUniqueClassPath(node){

if(!node.className || !node.className.replace(firepathClass, ''))
{
return '';
}
var className = node.className.replace(firepathClass, '').split(' ');
var len = className.length;
var selector = '.' + className[len - 1];
var document = node.ownerDocument;
for(i=len - 1; i>=0; i--)
{
if(document.querySelectorAll(selector).length == 1)
return selector;
selector = '.' + className[i] + selector;

if(node instanceof Attr) {
node = node.ownerElement;
} else {
node = node.parentNode;
}
return '';
}

function isInForm(node)
{
if(!node.form)
{
return false;
}
return true;
}

function getForAttribute(node)
{
var toReturn = ''
var document = node.ownerDocument;
if(node.hasAttribute('for'))
{
toReturn = node.attributes['for'].value;
if(document.querySelectorAll("[for='" + toReturn + "']").length != 1)
{
toReturn = '';
}

}

return result;
return toReturn;
}

function isTagNameUnique(node)
{
var tag = node.tagName.toLowerCase();
var doc = node.ownerDocument;
return doc.getElementsByTagName(tag).length == 1;
}

function getNodePosition(node) {
if (!node.parentNode)
return null;
if (!node.parentElement)
return '';

var siblings = node.parentNode.childNodes;
var siblings = node.parentElement.children;
var count = 0;
var position;

Expand All @@ -1111,7 +1215,7 @@ function getNodePosition(node) {
if (count > 1)
return position;
else
return null;
return '';
}

// ************************************************************************************************
Expand Down