在 Selenium 中捕获 JavaScript 错误

Question

有没有办法捕获 Selenium 中 DOM 中发生的错误，并可能将其标记为与页面中的错误相同？

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

在控制台中找不到元素 abcd。

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

可以做这样的事情吗？

Answer 1

我这样做是为了捕获 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));
    }
}

Answer 2

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

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

Answer 3

不确定这是什么时候改变的，但现在这对我来说在 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 火狐 43.0

Answer 4

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

from selenium.common.exceptions import WebDriverException
import logging


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

    errors = [entry for entry in browser_logs if entry['level'] == 'SEVERE']

    return errors

Answer 5

JSErrorCollector 完成这项工作。

配置完成后，需要执行以下操作：

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

Answer 6

非基于 window.onerror 的解决方案（我没有尝试）：http://sejq.blogspot.com/2008/12/can-selenium-detect-if-page-has.html

Answer 7

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

所以我想指出另一个改变 user-extensions.js 的解决方案，这对我有帮助：
Selenium 可以检测页面是否存在 JavaScript 错误吗？< /a>

主要优点：您不必更改页面源来进行检查。

以下是如何使用 user-extensions.js：
通过 Selenium-IDE 使用用户扩展

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

Answer 8

我想重申一下詹尼芬的答案。这是一个不依赖于 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);
    };
})();

Answer 9

这是我的解决方案，受到 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'}

Answer 10

我在 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 答案的启发。

Answer 11

如果您使用的是java，欢迎尝试这个库由我编写，它允许使用测试方法上的注释轻松收集 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();
}

Answer 12

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