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 뷰포트는 880px의 높이를 산출한다 :

나는 이런 식으로 뭔가를 보이는 일부 페이지 요소가 있습니다.

그러나 테스트를 실행하면 Nightwatch는 요소의 크기가 600px (본질적으로 벨로우 600)라고보고합니다. 이에 대한 내 연구에서

는, 다른 사람은 Phantom.js 브라우저 https://github.com/ariya/phantomjs/issues/13547

이 기능에 대한 지원을 추가하는 방법에 대한 어떤 계획이 있는가와 CALC() 및 테스트 기타/유사한 어려움이 있었다?

Answer 1

PhantomJS는 더 이상 개발 중에 있지 않습니다. 가능하다면 PhantomJS에서 크게 영감을받은 puppeteer으로 마이그레이션해야합니다.