引用
1. 使用Xpath进行定位
2. 适当使用selenium..runScript()方法
3.应用Selenium IDE的extensions
下面我只针对第3种方法进行总结。
如果你想知道第三种方法的原理:请你在你的firefox浏览器上
输入
引用
chrome://selenium-ide/content/recorder-handlers.js
chrome://selenium-ide/content/locatorBuilders.js
通过上面两个js你大致可以了解Selenium IDE录制的原理。
要用Selen现在我ium IDE的extensions。
步骤:在Selenium IDE的Options进入,在点击Options显示如下一个节目
![](http://dl.iteye.com/upload/picture/pic/65361/b006464f-9962-3841-ba57-f8c567c45e3b.jpg)
在该页面你要注意:
Selenium Core extensions(user-extensions.js)
Selenium IDE extensions
下面我们准备两个脚本来进行extesions。
Selenium.prototype.assertExtEqual = function(expression, text) { /** * the euqal assertion of ext * @param expression ext expression , just like "button1.text" or "text1.getValue()" * @param String target value */ var result = this.extEval(expression) if (result != text) { Assert.fail("the value of [" + result + "] " + expression + " is not equal with " + text); } }; Selenium.prototype.assertExtGreaterThan = function(expression, text) { /** * the greater than assertion of ext * @param expression ext expression , just like "button1.text" or "text1.getValue()" * @param String target value */ var result = this.extEval(expression) if (result <= text) { Assert.fail("the value of [" + result + "] " + expression + " is not greater than " + text); } } Selenium.prototype.assertExtGreaterEqualThan = function(expression, text) { /** * the greater and equal than assertion of ext * @param expression ext expression , just like "button1.text" or "text1.getValue()" * @param String target value */ var result = this.extEval(expression) if (result < text) { Assert.fail("the value of [" + result + "] " + expression + " is not greater equal than " + text); } } Selenium.prototype.assertExtLessThan = function(expression, text) { /** * the less than assertion of ext * @param expression ext expression , just like "button1.text" or "text1.getValue()" * @param String target value */ var result = this.extEval(expression) if (result >= text) { Assert.fail("the value of [" + result + "] " + expression + " is not less than " + text); } } Selenium.prototype.assertExtLessEqualThan = function(expression, text) { /** * the less and equal than assertion of ext * @param expression ext expression , just like "button1.text" or "text1.getValue()" * @param String target value */ var result = this.extEval(expression) if (result > text) { Assert.fail("the value of [" + result + "] " + expression + " is not less equal than " + text); } } Selenium.prototype.doExecuteExtFunction = function(expression, text) { /** * do ext function ,if the expression end with ")" ,the params is not useful * @param expression ext expression return a ext function, just like "button1.getText" or "text1.getValue()" * @param String params ,just like "a,b,c" */ if (expression.lastIndexOf(")") == expression.length - 1) { this.extEval(expression); } else { var scopeObj = this.extEval(expression.substring(0, expression .lastIndexOf("."))); var func = this.extEval(expression); if (typeof(func) != "function") { Assert.fail("the value of [" + func + "] " + expression + " is not a function"); } var params = []; if (text) { params = text.split(","); } try { func.apply(scopeObj, params); } catch (e) { Assert.fail("error execute function [" + func + "] " + expression); } } } Selenium.prototype.assertExtTrue = function(expression) { /** * the true assertion of ext * @param expression ext expression , just like "button1.hidden" */ var result = this.extEval(expression); if (result !== true) { Assert.fail("the value of [" + result + "] " + expression + " is not true"); } } Selenium.prototype.assertExtFalse = function(expression) { /** * the false assertion of ext * @param expression ext expression , just like "button1.hidden" */ var result = this.extEval(expression); if (result !== true) { Assert.fail("the value of [" + result + "] " + expression + " is not false"); } } Selenium.prototype.assertExtNull = function(expression, text) { /** * the null assertion of ext * @param expression ext expression , just like "button1.text" */ var result = this.extEval(expression); if (result !== null) { Assert.fail("the value of [" + result + "] " + expression + " is not null"); } } Selenium.prototype.assertExtNotNull = function(expression, text) { /** * the not null assertion of ext * @param expression ext expression , just like "button1.text" */ var result = this.extEval(expression); if (result === null) { Assert.fail("the value of [" + result + "] " + expression + " is null"); } } Selenium.prototype.assertExtUndefined = function(expression, text) { /** * the undefined assertion of ext * @param expression ext expression , just like "button1" */ var result = this.extEval(expression); if (result !== undefined) { Assert.fail("the value of [" + result + "] " + expression + " is not undefined"); } } Selenium.prototype.assertExtNotUndefined = function(expression, text) { /** * the not undefined assertion of ext * @param expression ext expression , just like "button1" */ var result = this.extEval(expression); if (result === undefined) { Assert.fail("the value of [" + result + "] " + expression + " is undefined"); } } Selenium.prototype.assertExtPresent = function(expression, text) { /** * the present assertion of ext * @param expression ext expression , just like "button1" */ var result = this.extEval(expression); if (result == null || result == undefined) { Assert.fail("the value of [" + result + "] " + expression + " is not present"); } } Selenium.prototype.assertExtNotPresent = function(expression, text) { /** * the not present assertion of ext * @param expression ext expression , just like "button1" */ var result = this.extEval(expression); if (result != null || result != undefined) { Assert.fail("the value of [" + result + "] " + expression + " is present"); } } Selenium.prototype.assertExtMatches = function(expression, text) { /** * the matches assertion of ext * @param expression ext expression , just like "button1.text" or "text1.getValue()" * @param String target value */ var result = this.extEval(expression); var reg = new RegExp(text); if (!reg.test(result)) { Assert.fail("the value of [" + result + "] " + expression + " is not match " + text); } } Selenium.prototype.assertExtContains = function(expression, text) { /** * the contains assertion of ext * @param expression ext expression , just like "button1.text" or "text1.getValue()" * @param String target value */ var result = this.extEval(expression); if (typeof(result) == "undefined" || result == null) { Assert.fail("the value of " + expression + " dos not contains " + text); } else if (result.indexOf) { if (result.indexOf(text) < 0) { Assert.fail("the value of [" + result + "] " + expression + " dos not contains " + text); } } else { Assert.fail("the value of [" + result + "] " + expression + " is not a String or Array"); } } Selenium.prototype.assertExtTypeof = function(expression, text) { /** * the typeof assertion of ext * @param expression ext expression , just like "button1.text" or "text1.getValue()" * @param String target value */ var type = typeof(this.extEval(expression)); if (type != text) { Assert.fail("the type of [" + type + "] " + expression + " is not " + text); } } PageBot.prototype.getWrappedWindow = function(extpath) { var win = this.getCurrentWindow() || {}; return win.wrappedJSObject; } Selenium.prototype.getWrappedWindow = function(extpath) { return this.browserbot.getWrappedWindow(); } Selenium.prototype.extEval = function(expression) { var script = expression; if (expression) { var expArr = expression.split("."); expArr[0] = "(window.Ext.getCmp('" + expArr[0] + "')||window.Ext.get('" + expArr[0] + "')||window.Ext.StoreMgr.lookup('" + expArr[0] + "'))"; expression = expArr.join("."); } try { return this.doEval(expression); } catch (e) { throw new SeleniumError("the expression " + script + " is not a Ext expression !"); } }; // I have to rewrite the eval function to get the context of window Selenium.prototype.doEval = function(expression) { /** * execute js ecpression * * @param {Object} * expression js expression */ try { var win = this.getWrappedWindow(); var result = eval(expression, win); return result; } catch (e) { throw new SeleniumError("the expression " + expression + " is not a Ext expression !"); } }
该代码命名为user-extensions.js通过Selenium Core extensions(user-extensions.js)后的Browser选择中自己写的user-extensions.js.或者也可以不要改js但是下面这个js是一定要的(放入Selenium IDE extensions)。
var EXT_PREFIX = "ext-gen"; function findExtLocator(e) { function getElementIndex(el, p) { var childs = p.childNodes; for (var i = 0; i < childs.length; i++) { var curr = childs[i]; if (curr == el) { return "[" + (i + 1) + "]"; } } } if (e.id) { var elId = e.id; if (elId.indexOf(EXT_PREFIX) == 0) { var currNode = e; var locator = ""; while (currNode && currNode.tagName.toLowerCase() != "body") { parentNode = currNode.parentNode; locator = this.relativeXPathFromParent(currNode) + locator;// if (parentNode.id && parentNode.id.length > 0 && parentNode.id.indexOf(EXT_PREFIX) != 0) { locator = "//" + parentNode.tagName + "[@id='" + parentNode.id + "']" + locator; return locator; } currNode = currNode.parentNode; } } } return null; } LocatorBuilders.add('ext', findExtLocator); // You can change the priority of builders by setting LocatorBuilders.order. LocatorBuilders.order = ['ext', 'id', 'link', 'name', 'dom:name', 'xpath:link', 'xpath:img', 'xpath:attributes', 'xpath:href', 'dom:index', 'xpath:position'];
该段代码是必须的。产生的效果是让Selenium IDE在录制Extjs的时候能够回放成功。
总结下使用步骤:
引用
第一:将第一段js代码放入Selenium Core extensions(user-extensions.js)
第二:将第二段js代码放入Selenium IDE extensions 这是必须的。
现在你可以使用Selenium IDE来测试ExtJs了。你可以看看是不是可以正常进行录制和回放。ExtJs没有ZK厚道,ZK官网提供了一个接口来实现Selenium IDE的测试。