捕获Selenium中的JavaScript错误

问题描述 投票:70回答:12

有没有办法捕获DOMSelenium中发生的错误,并可能标记为页面中的错误?

举一个简短的例子,假设我试图在一个不存在的HTML控件上绑定一个事件,我的浏览器会抛出一个错误说:

element abcd not found in the console.

现在,如果我希望同样的错误使我的selenium测试失败,并且浏览器上显示的消息显示为错误消息。

可以这样做吗?

selenium selenium-rc
12个回答
49
投票

将此脚本放在您的页面上,然后在Selenium中检查JSError:

<script type="text/javascript">
    window.onerror=function(msg){
        $("body").attr("JSError",msg);
    }
</script>

1
投票

如果您正在使用java,欢迎您尝试使用我的this library,它允许使用测试方法的注释轻松收集Chromedriver会话中收到的JS错误。它适用于带有扩展注释的JUnit5,以及带有侦听器解析注释的TestNG。注释包含布尔值,使您可以决定是否要在测试执行后断言或记录找到的错误。

JUnit5示例:

@Test
@JSErrorsCollectorJUnit
void referenceErrorTest(TestInfo testInfo) throws InterruptedException {

    // Create a new instance of ChromeDriver.
    driver = new ChromeDriver();

    // Set your test name to point its ChromeDriver session in HashMap.
    JSErrorsDriverHolder.setDriverForTest(testInfo.getDisplayName(), driver);

    // Navigate to URL.
    driver.get("http://testjs.site88.net");

    // The click on the button in the test site should cause JS reference error.
    driver.findElement(By.name("testClickButton")).click();
    waitBeforeClosingBrowser();
}

0
投票

您尝试在页面中包含windows.onerror事件或在IE选项中启用显示错误对话框。如果你在Se1中选择稍后会挂起。 PS:这里已经讨论过了。做一个搜索。


0
投票

我在Python Selenium测试中使用以下TestCase.tearDown(),这使得测试在JavaScript错误的情况下失败:

def tearDown(self):
    browser_logs = driver.get_log("browser")
    errors = [logentry['message'] for logentry in browser_logs if logentry['level'] == 'SEVERE']
    if errors:
        self.fail(f'The following JavaScript errors occurred: {"; ".join(errors)}')

这是受@kleptog和@ d3ming答案的启发。


49
投票

我这样做是为了捕获JavaScript错误:

[TestCleanup]
public void TestCleanup()
{
    var errorStrings = new List<string> 
    { 
        "SyntaxError", 
        "EvalError", 
        "ReferenceError", 
        "RangeError", 
        "TypeError", 
        "URIError" 
    };

    var jsErrors = Driver.Manage().Logs.GetLog(LogType.Browser).Where(x => errorStrings.Any(e => x.Message.Contains(e)));

    if (jsErrors.Any())
    {
        Assert.Fail("JavaScript error(s):" + Environment.NewLine + jsErrors.Aggregate("", (s, entry) => s + entry.Message + Environment.NewLine));
    }
}

17
投票

不知道什么时候改变了,但是现在这对我来说在Python中起作用了。该文件是一个带有javascript错误的简单页面。

In [11]: driver.get("file:///tmp/a.html")

In [12]: driver.get_log("browser")
Out[12]: 
[{u'level': u'SEVERE',
  u'message': u'ReferenceError: foo is not defined',
  u'timestamp': 1450769357488,
  u'type': u''},
 {u'level': u'INFO',
  u'message': u'The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol.',
  u'timestamp': 1450769357498,
  u'type': u''}]

Python-Selenium版本2.48.0 Linux Firefox 43.0


7
投票

这是我使用的python webdriver解决方案:

def check_browser_errors(driver):
    """
    Checks browser for errors, returns a list of errors
    :param driver:
    :return:
    """
    try:
        browserlogs = driver.get_log('browser')
    except (ValueError, WebDriverException) as e:
        # Some browsers does not support getting logs
        LOGGER.debug("Could not get browser logs for driver %s due to exception: %s",
                     driver, e)
        return []

    errors = []
    for entry in browserlogs:
        if entry['level'] == 'SEVERE':
            errors.append(entry)
    return errors

6
投票

JSErrorCollector完成这项工作。

配置完成后,问题是:

List<JavaScriptError> jsErrorList = JavaScriptError.readErrors(driver);

3
投票

基于非window.onerror的解决方案(我没试过):http://sejq.blogspot.com/2008/12/can-selenium-detect-if-page-has.html


3
投票

我想重复jhanifen的答案。这是一个不依赖于jQuery的javascript解决方案。它会在页面底部创建一个不可见的HTML列表,它会包含错误。

(function () {
    var ul = null;
    function createErrorList() {
        ul = document.createElement('ul');
        ul.setAttribute('id', 'js_error_list');
        ul.style.display = 'none';
        document.body.appendChild(ul);
    }
    window.onerror = function(msg){
        if (ul === null)
            createErrorList();
        var li = document.createElement("li");
        li.appendChild(document.createTextNode(msg));
        ul.appendChild(li);
    };
})();

2
投票

“window.onerror”的解决方案对我不起作用。

所以我想指出改变user-extensions.js的另一个解决方案,它帮助了我: Can Selenium detect if the page has JavaScript errors?

主要优点:您无需更改页面源进行检查。

以下是如何使用user-extensions.js: Using User-Extensions With Selenium-IDE

注意:此解决方案仅适用于Firefox


2
投票

在这里,我的解决方案激发了jhanifen的回应:

// common.js - js file common to the entire app
globalError = []
window.onerror = function (msg, url, line, col, error) {
    globalError.push({msg:msg, url:url, line:line})
};

# tests.py
def tearDown(driver):
    # assert on js error 
    ret = driver.selenium.execute_script("return globalError ")
    driver.assertFalse(ret, "errors %r " % ret)
    # ret will be a dict looking like 
    # {'line': 50, 'url': 'http://localhost:8081/static/js/common.js', 'msg': 'Uncaught ReferenceError: s is not defined'}
© www.soinside.com 2019 - 2024. All rights reserved.