Quick tutorial: How to add the test bundle to Codepen

1

Hello everyone,

I’ve seen some people having troubles when it comes to include the test bundle in their Codepen project, so I decided to do this quick tutorial on how to add the test bundle in Codepen.

All you need to do is clicking on the cogwheel in the Javascript tab so it opens the settings panel for Javascript. Right there, in the first input field after the search, where it says https://yourwebsite.com/script.js, you will paste the bundle.js URL: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js. Save & close the panel and your done. Now you can see the green hamburguer button on the top left corner.

For the visual learners, I made a GIF showing the same steps described above.

TestBundle-Tutorial
TestBundle-Tutorial992×583 424 KB

Hope it helps some of you!

Yago Estévez

5 Likes
2

Thanks for everything
I’ve done it
regards

1 Like
3

Thank you this helped me.
However I’m just curious why it doesn’t work when we put <script> tag in Stuff for <head> section. :thinking: :thinking: