在量角器中,基本上有 3 种方法可以检查元素是否存在:
var elm = element(by.id("myid"));
browser.isElementPresent(elm);
elm.isPresent();
elm.isElementPresent();
这些选项是否等效和可互换,通常应该首选哪一个?
在量角器中,基本上有 3 种方法可以检查元素是否存在:
var elm = element(by.id("myid"));
browser.isElementPresent(elm);
elm.isPresent();
elm.isElementPresent();
这些选项是否等效和可互换,通常应该首选哪一个?
所有功能都以类似的方式运行,但有细微的差别。以下是我发现的一些差异 -
ElementFinder
因此在执行任何操作之前等待 Angular在页面上稳定下来。elm
是element(locator)
orElementFinder
和 not时起作用ElementArrayFinder
。如果使用locator
指定的返回多个元素,则检查第一个元素是否isEnabled()
在 DOM 中。不接受任何参数作为输入。elm.isElementPresent(subLoc)
- (当有一个子定位器时elm
)
ElementFinder
因此在执行任何操作之前等待 Angular 在页面上稳定下来。sub locator
父代的elm
a 作为参数。(只有这个和那个的区别elm.isPresent()
)browser.isElementPresent(element || Locator)
——
webdriver
所以不等待 angular 稳定下来。locator
或 anelement
作为参数并使用第一个结果。以上所有检查元素在 DOM 中的存在并返回boolean
结果。虽然角度和非角度特征不会影响这些方法的使用,但是当该方法默认等待 angular 稳定时,还有一个额外的优势,有助于避免在找不到 angular 元素或状态元素引用异常的情况下出现错误,等等...
我不能说哪个更受欢迎,但我能够找到源代码并检查它。
根据文档,elm.isPresent()
和elm.isElementPresent()
是等效的。希望有帮助。
View code
标题右侧有一个链接。
browser.isElementPresent(elm);
https://angular.github.io/protractor/#/api?view=webdriver.WebElement.prototype.isElementPresent
/**
* Schedules a command to test if there is at least one descendant of this
* element that matches the given search criteria.
*
* @param {!(webdriver.Locator|webdriver.By.Hash|Function)} locator The
* locator strategy to use when searching for the element.
* @return {!webdriver.promise.Promise.<boolean>} A promise that will be
* resolved with whether an element could be located on the page.
*/
webdriver.WebElement.prototype.isElementPresent = function(locator) {
return this.findElements(locator).then(function(result) {
return !!result.length;
});
};
榆树.isPresent();
https://angular.github.io/protractor/#/api?view=ElementFinder.prototype.isPresent
/**
* Determine whether the element is present on the page.
*
* @view
* <span>{{person.name}}</span>
*
* @example
* // Element exists.
* expect(element(by.binding('person.name')).isPresent()).toBe(true);
*
* // Element not present.
* expect(element(by.binding('notPresent')).isPresent()).toBe(false);
*
* @return {ElementFinder} which resolves to whether
* the element is present on the page.
*/
ElementFinder.prototype.isPresent = function() {
return this.parentElementArrayFinder.getWebElements().then(function(arr) {
if (arr.length === 0) {
return false;
}
return arr[0].isEnabled().then(function() {
return true; // is present, whether it is enabled or not
}, function(err) {
if (err.code == webdriver.error.ErrorCode.STALE_ELEMENT_REFERENCE) {
return false;
} else {
throw err;
}
});
}, function(err) {
if (err.code == webdriver.error.ErrorCode.NO_SUCH_ELEMENT) {
return false;
} else {
throw err;
}
});
};
榆树.isElementPresent();
https://angular.github.io/protractor/#/api?view=ElementFinder.prototype.isElementPresent
/**
* Same as ElementFinder.isPresent(), except this checks whether the element
* identified by the subLocator is present, rather than the current element
* finder. i.e. `element(by.css('#abc')).element(by.css('#def')).isPresent()` is
* identical to `element(by.css('#abc')).isElementPresent(by.css('#def'))`.
*
* @see ElementFinder.isPresent
*
* @param {webdriver.Locator} subLocator Locator for element to look for.
* @return {ElementFinder} which resolves to whether
* the subelement is present on the page.
*/
ElementFinder.prototype.isElementPresent = function(subLocator) {
if (!subLocator) {
throw new Error('SubLocator is not supplied as a parameter to ' +
'`isElementPresent(subLocator)`. You are probably looking for the ' +
'function `isPresent()`.');
}
return this.element(subLocator).isPresent();
};
您可以使用 isPresent 函数检查元素是否存在。
因此,您的代码将类似于:
var myElement = element(by.css('.elementClass'));
expect(myElement.isPresent()).toBeFalsy();
这是 isPresent 函数的量角器文档。