Prerequisites

1. Node.js must be installed on your computer.
2. Jasmine is already set up in the project.
3. Basic knowledge of unit testing.

Step 1: Configure Karma with Test Coverage

Jasmine alone does not generate test coverage, but we can integrate the karma-coverage plugin with Karma for this purpose.

Install the required dependencies:

• Update Karma’s configuration file (karma.conf.js) to use the karma-coverage plugin

• Key Notes:
  ○ preprocessors: Specifies that files in the src/ directory should be processed to measure test coverage.
  ○ coverageReporter: Configures the report type (HTML here) and the output directory for the coverage report.

Run the tests with Karma:

• After execution, the coverage reports will be available in the coverage/ directory.

Step 2: Analyze the Reports

Open the coverage/index.html file in a browser to view the following details:

● Statements: Percentage of covered code statements.
● Branches: Percentage of covered code branches (e.g., if and else paths).
● Functions: Percentage of tested functions.
● Lines: Percentage of covered code lines.

Step 3: Improving Coverage

● Write additional tests to cover untested scenarios.
● Focus on critical areas, such as functions with complex logic.
● Use the metrics from the reports to prioritize testing for important code sections.

With this, you have set up an efficient coverage analysis using Jasmine and Karma. Now you know where to improve your code, which not only enhances quality but also helps detect potential bugs before they reach users. I hope this short tutorial was helpful. Now let’s code! 🚀

The post Test Coverage mit Jasmine und Karma in 3 einfachen Schritten appeared first on Rhein-Ruhr-Informatik.

1. Prerequisites

• Code editor of your choice
• Code-Editor Ihrer Wahl

2. Install Dependencies

This step establishes the testing ecosystem. Jasmine provides the testing syntax and assertion capabilities, while Karma acts as the test runner that executes tests in real browsers. The Chrome launcher enables testing in a familiar browser environment.

Configure Karma

Karma's configuration wizard helps create an optimal test environment. By selecting Jasmine as the testing framework and Chrome as the target browser, you ensure tests run consistently. The file patterns tell Karma where to look for source files and tests.

During setup

• Testing framework: Jasmine
• Browser: Chrome
• File paths src/*.js, test/*.spec.js
• Keep defaults for other options

 Project Structure

my-test-project/
├── src/
│   └── calculator.js
├── test/
│   └── calculator.spec.js
├── karma.conf.js
└── package.json

A logical file structure separates concerns between application code (src) and test specifications (test). The .spec.js suffix clearly identifies test files, following JavaScript community conventions. This organization improves code maintainability.

Sample Code (src/calculator.js)

So, here is just a code sample that we will use to write unit tests for:

Test Cases (test/calculator.spec.js)

Jasmine's human-readable syntax uses describe blocks to group related tests and it statements for individual scenarios. Each expect assertion verifies specific functionality, creating a safety net against regressions.

7. npm-Scripts (package.json)

Custom scripts in package.json automate test execution. The --single-run mode is ideal for CI/CD pipelines, while watch mode provides instant feedback during development. These shortcuts streamline your testing workflow.

Running Tests

Test execution validates your code's behavior in real-time. Karma spins up a browser instance, runs all tests, and reports results in the terminal. Green checkmarks confirm your code works as intended, while failures highlight areas needing attention.

Universal Tips

• Start with simple test cases
• Use describe() for test suites
• Each it() represents one test scenario
• Common matchers: .toBe(), .toEqual(), .toThrow()
• Debug with console.log() in tests if needed

Now, happy testing! 🚀

The post Einstieg in Unit-Tests mit JavaScript, Jasmine und Karma appeared first on Rhein-Ruhr-Informatik.