css/vhunit sometimes fails

[AnderssonChristian]

The css/vhunit test sometimes returns false on Chrome v79/Windows 8.

After some manual debugging it seems getComputedStyle gives height to be 0 instead of the expected 10. I can reproduce this anywhere between 30-70% of the time when I refresh the page.
I also tried commenting out the code that removes #modernizr so that I can inspect it.... Turns out that it always has a 10px height - regardless if the test failed or not.

It feels like some kind of race-condition is going on. Could it be that the styles aren't always applied on time? I have over 30 feature-tests and only this one ever fails.

[kucherenkoag]

Hi @AnderssonChristian.
I've experienced sort of this recently.
Try to add position: absolute property to the first testStyles argument of vhunit test, like so:

testStyles('#modernizr { height: 50vh; position: absolute; max-height: 10px; }', function (elem) {
  ...
});

[Markel]

@AnderssonChristian did @kucherenkoag's answer solve your problem? Just to add it as a reference to knownBugs while the bug is solved

[Shurna83]

Hi everyone,
I experience this issue also with Chrome 94 on both Mac OS and Windows when I have a zoom level other than 100%. The exact level of zoom required to break the test seems to vary also according to screen resolution.
Hope this could help in better spotting the issue.