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 的视口应产生 880 像素的高度。

然而，当我运行我的测试时，Nightwatch 报告元素的大小为 600px（本质上，低于 600）。

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

是否有计划增加对此功能的支持？

Answer 1

PhantomJS 不再积极开发，如果可能，您应该迁移到 puppeteer，它深受 PhantomJS 的启发。

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

Phantomjs browser incorrectly computing css calc() function in Nightwatch tests

css

browser

phantomjs

nightwatch.js