css - Phantomjs 浏览器在 Nightwatch 测试中错误地计算了 css calc() 函数

Question

我正在为功能前端构建 Nightwatch 测试(使用 Phantomjs)，我的任务之一是确保横幅图像的高度是动态的，并且根据屏幕尺寸正确计算它们的高度。

我有一些页面元素看起来像这样:

//html
<div class="bannerImg"></div>

//css
.bannerImg {
    background-image: url('someImgUrl');
    height: calc(100vh - 200); //some calculation here
    min-height: 600px; //some minimum height
}

例如，1080 的视口(viewport)应产生 880 像素的高度。

但是，当我运行测试时，Nightwatch 报告元素的大小为 600 像素(实际上，低于 600)。

根据我对此的研究，其他人在使用 calc() 和使用 Phantom.js 浏览器进行测试时遇到了其他/类似的困难 https://github.com/ariya/phantomjs/issues/13547

有没有计划增加对这个功能的支持？

Answer 1

PhantomJS 不再处于活跃开发状态，如果可能，您应该迁移到 puppeteer这在很大程度上受到了 PhantomJS 的启发。