Run Test Suite to See Unit Tests!

1

I created the Product Landing Page and am trying to test it with the Fork Me! tester but when I run it, it doesn’t tell me if it passed or failed and just says “Load Tests”, when I click that it says “Run Test Suite to See Unit Tests!”. Any idea what that means or how I can test it?

2

Have you been able to run the tests against your other projects?
Can you post a link to your pen?

3

https://codepen.io/brisket1/full/bGdoOje

4

Hi, Yes I have been able to run the tests on my other projects. This is the first time I’m doing it on my Macbook Pro but that shouldn’t matter I wouldn’t think.

5

You’re right, it shouldn’t make a difference but it’s good to know you’re trying it for the first time on a new computer. There may be a setting you don’t have right.
What browser are you using? There are known issues with the tests when using Safari.
What version of MacOS are you running?
Are you able to run the tests against your previous projects on your Mac?

Edit: I’m asking all this because I was able to run the tests against your pen using Chrome on my MacBook Pro. I also tried with Safari and was successful there too. I’m running Mojave with the latest versions of Chrome, Firefox & Safari.

6

I have Catalina but I was using Brave. Maybe thats why

7

So you’ve tried with another browser and it’s working?

I know there’s issues with ad-blockers not letting some tests pass when doing the lessons. I’m not aware of issues with the tests for the projects but that’s probably because users have turned off the ad-blockers by the time they get to the projects.

8

Does it work if you just add the script to the page? Click the Settings button, go to the JS section, paste in the test script in one of the bottom boxes.

test script:
https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js

You are passing 14 out of 16 tests for the Product Launch Page you linked to.

For test 6 you have to add id="video" to the video iframe.

For Layout test 1, I don’t think you can pass that test and keep your current design. The header (or a child element) should be using position: fixed and be at the top of the page. It won’t work with the #nav-bar because it is inside the .logo div element. If you move it out and up before that element you can set it on #nav-bar as well.

#header {
  position: fixed;
  width: 100%;
  top: 0;
}
9

Thanks I tried it with Chrome and it worked fine. I added the id=“video”. I will change the header position and try again.
Thanks for Your Help.

10

Good to know things are working for you