DEV Community

CDPhu
CDPhu

Posted on

Javascript Testing

This week we are going to have Lab 8 and along with the lab
it is also introducing a new tool to our SSG project. In lab 8, we are going to add testing functions for several functions that we have in our SSG. I somewhat have experience with this because one of my other course CCP555 has a lot of testing involved. The testing framework that was used in the program was Jest.

Procedure

After watching the videos and reading through the lab instruction. I just chose the testing framework that I'm going to use in this Lab 8, which is Jest. And then I just install the Jest to my program by using the command npm install jest. I updated the "test" command in the package.json file in order for it to run correctly.

I then extracted the htmlGen function and placed is into its own file that being htmlGen.js, and modified my-button.js to import htmlGen as an external function.

I then started coding the testing functions. At first all I coded was the html good value functions. So I set up a total of 7 tests where for htmlGen():

  • test would generate a html result with a string html argument
  • test where it generates a html result with a string html argument
  • test the htmlGen() function with bad or empty value types (lang, title, html, string, footer)

In CCP555, I have already learned about coverage using npm run coverage. But what was new was setting it up so that coverage would print out a report.

Thought

There were several things I was already aware of since I have done some of this in previous labs in a different course. Though what was new to me was the capability of being able to print coverage
files into a report. I will probably make more use of this on different projects.

NOTE: I didn't squash it correctly therefor having several commits.

Test Function
htmlGen file
Adding Jest
Updatting my-button.js
Coverage Files

Top comments (0)