Code Coverage

Note

The content of this page is adjusted based on your editor of choice. Your editor selection can be changed using the dropdown in the top right corner of the page.

Once Quokka.js is running, you can see the code coverage in the gutter of your editor. The coverage is live, so you can start changing your code and the coverage will automatically be updated, just as you type.

As you may see, there are various colored squares displayed for each line of your source code.

Here is what the coverage indicators mean:

Gray: if you see a gray square next to a line of code, it means that the line of code has not been executed.

Yellow: if you see a yellow square next to a line of code, it means that the source line has only been partially executed. Quokka supports branch code coverage level, so if a line contains a logical expression or a ternary operator with both covered and uncovered branches, it will be displayed with yellow gutter indicator.

Green: if you see a green square next to a line of code, it means that the line of code has been executed.

Red: if you see a red square next to a line of code, it means that the source line is the source of an error, or is in the stack of an error.