Product Landing Page - inexplicable error in tests

Hi all,

I am currently working on the Product Landing Page for the Responsive Web Design Project.

While running the tests locally (!), 2 of them always fail:

  • My product landing page should have at least one media query.
  • My product landing page should utilize CSS flexbox at least once.

In my css-file, I have multiple media queries and display:flex.
So, beeing helpless, I tried to test the original codepen-code which is allowed to be forked locally on my laptop - again, these 2 tests fail.

Is it possible that there is a bug in the testing script?

The files I am testing: https://codepen.io/giuvo/pen/zYxKzJm

Edit #1
Additional information: the media-query-tests also fail for the Technical Doc page I am building locally right now.

Edit #2
The tests work perfectly with codepen. I think there is a problem while trying locally …

Kind regards!

Welcome to the forum @giuvo

We need more information to be able to help you. Would you mind sharing a link to your project?

It might also be an issue with a particular version of a browser, but without more information we can only guess.

Hi @borntofrappe

I added the link to the initial post.

I tried with Firefox, Firefox Developer Edition and Chrome - always the same fails.

Try serving the page and not just opening it. If you use VS Code you can install the Live Server extension and serve the page. It also gives you the added benefit of hot reload on file save so you don’t have to refresh the page manually.