How do I add the test suite to a stackblitz?

1

I just started the 25-5 clock project and due to the fact that we need to add a sound file to our project, which we can’t do in codepen, I decided to make a stackblitz for the project. I added a script tag to the bottom of the page with the src pointing to the link provided in the project to add the tests to our project if we want to do the it in our own atmosphere however I’m not seeing the little menu pop up like it does in the codepen fork with the other projects. How do we get this to work?

3

sure

4

wait a minute… I just realized when I posted this that this is a React with Typescript project rather than vanilla JS… let me make one in plain JS and see if it works, that might have something to do with it.

5

ok I just made a React JS project and it still doesn’t work

6

You will need to add the HTML5 audio tag in your code and point the source to the sound file you want to use. Then you can use the HTML audio controls in your script to control the media playback.

7

oh I’m sorry. That part I know how to do in stackblitz lol. The issue I’m having is the FCC tests not showing up.

8

I just installed the npm package for the test suite in a Stackblitz so I can do the 25+5 clock project and when I run my code I get an error in the console saying componentWillMount has been renamed and suggests we move any code with side effects into the componentWillMount hook. Seeing that this is an import from npm there’s no way for us to manually modify the component. What can we do about this?

9

Are you referring to this npm package?

If so, it doesn’t look like it has has much activity for the past few years.

I would suggest using the regular test suite that fcc provides

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

Yes that’s the one. How do I go about using the regular link in my stackblitz app? Because that’s the first thing I tried which I did by adding it to the src of a script tag at the bottom of my index.html file but it didn’t seem to add the package to my app. Am I missing a step?

11

can you share your stackblitz link

12

sure

13

You can try using @lasjorg 's starter template with the test suite here

Then you can just add your components into the src directory and it should work

1 Like
14

ok when I fork the project the view where we can see our app goes to a gray screen that says “booting web container” and just stays on that. It won’t refresh.

15

When i fork it and then do a refresh of the entire page, it shows up

16

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.