[GUIDE] How to set up the FreeCodeCamp Test Suite on CodePen

Guide
1

Hi!
I hope this guide will help some with setting up the FCC Test Suite with Codepen!

  1. Create a new CodePen pen or use an existing one.
  2. On the top, click Settings
    12%20AM
    12%20AM942Ă—65 16.3 KB
  3. Choose JavaScript in the pen settings window
    35%20AM
  4. Paste in https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js to the Add external scripts/pens text fields (Not the search field)
    29%20AM
  5. Click Save & Close
    11%20AM
  6. In your project window, click the 30%20AM icon
    55%20AM
  7. The select test suite window should open. Click the drop-down
    51%20AM
  8. Choose whatever project you’re working on (i.e. Tribute Page)
    53%20AM
  9. Click Run Tests
    49%20AM
  10. You should see the tests you’ve completed. Click the Tests button to see a description
    38%20AM
  11. The Tribute Page Tests window will open.
    35%20AM
  12. You can see which tests you’ve passed/failed in detail
    47%20AM

I hope this helps!

6 Likes
2

Thanks for posting this. I needed it!

3

It might be worth mentioning that the Test Suite won’t work if you have third-party cookies disabled. It took me a while to figure this out. I eventually checked in Chrome’s developer console to see what was up, Googled the exception, and enabling cookies fixed the issue of nothing happening when “Run Tests” was pressed.

4

Hi!

I don’t want to enable 3rd-party cookies for all sites, just for those needed to run the test suite. Anyone who can point me to which ones to allow?