移动测试基础 [Share]解决 HTMLTestRunner 错误日志显示出界的问题

唐僧之妈 · October 30, 2014 · Last by 唐僧之妈 replied at December 02, 2014 · 1558 hits
本帖已被设为精华帖!

问题解释

在使用 HTMLTestRunner 来生成 HTML 格式的测试报告中,如果存在 failed 或者 error 状态的 case,就会附有错误日志,但在截图中可以明显的看到错误日志显示出界,没有自动折行。
显示出界

解决方法

对于这个问题,我想了一个笨办法,既然不能强制折行,那就把背后的区域放大,让它看起来没有出界,不就 OK 了嘛,算是变相解决吧。

1.使用 Chrome 的 Developer Tools 就可以看到其背后的区域样式属于.popup_window,而我们只需要去掉其中 Width 的宽度限制就可以了
样式截图1
样式截图2

2.打开 HTMLTestRunner.py(基于 Github 上最新的代码),修改其中的第 352 行后保存(注释或删掉都可以),具体如下所示:

.popup_window {
    display: none;
    position: relative;
    left: 0px;
    top: 0px;
    /*border: solid #627173 1px; */
    padding: 10px;
    background-color: #E6E6D6;
    font-family: "Lucida Console", "Courier New", Courier, monospace;
    text-align: left;
    font-size: 8pt;
    /*width: 500px; */
}

3.再次运行你的测试脚本

现象截图

修改后的效果
修改后

共收到 7 条回复 时间 点赞

赞 DIY~~~

不错!已经用上了!楼主是个细心的孩子!么么哒!

这个有效,但是之前中文的乱码无效。

搞成自动换行也可以把。 加宽是不是不太美观。

#5 楼 @seveniruby 自动换行搞半天没搞成功,加宽整体看起来还可以

#4 楼 @yicaifeiitian 乱码应该没问题,看看你的具体问题

需要 Sign In 后方可回复, 如果你还没有账号请点击这里 Sign Up