QUnit Test UI Display

Configure Karma to display the QUnit test interface in the browser during test execution.

Requirements

Create a Karma configuration that shows the QUnit UI when tests run in the browser. The QUnit UI is the visual interface that displays test names, results, and status in the browser window.

Your configuration must:

1. Use the QUnit framework with Karma
2. Enable the QUnit UI display option
3. Preserve the browser context so the UI can render
4. Include a simple test file to verify the setup

When developers run the tests, they should see the QUnit interface rendered in the browser showing the test results.

Test Cases

• The Karma configuration includes the QUnit framework @test
• The configuration enables QUnit UI display @test

Implementation

@generates

You should also create a simple test file at test/sample.test.js with at least 2 QUnit tests to verify the configuration works.

API

// karma.conf.js - Karma configuration
module.exports = function(config) {
  config.set({
    // Configuration settings
  });
};

Dependencies { .dependencies }

karma-qunit { .dependency }

Provides QUnit testing framework integration for Karma.