karma-skill

Generates Karma test runner configurations for browser-based JavaScript testing. Works with Jasmine, Mocha, or QUnit. Use when user mentions "Karma", "karma.conf.js", "browser test runner". Triggers on: "Karma", "karma.conf", "karma test runner", "browser-based JS test".

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "karma-skill" with this command: npx skills add lambdatest/agent-skills/lambdatest-agent-skills-karma-skill

Karma Testing Skill

Core Patterns

karma.conf.js

module.exports = function(config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine'],
    files: [
      'src/**/*.js',
      'test/**/*.spec.js'
    ],
    preprocessors: {
      'src/**/*.js': ['coverage']
    },
    reporters: ['progress', 'coverage'],
    coverageReporter: {
      type: 'html',
      dir: 'coverage/'
    },
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome', 'Firefox'],
    singleRun: false,
    concurrency: Infinity,

    // LambdaTest cloud browsers
    customLaunchers: {
      ChromeLT: {
        base: 'WebDriver',
        config: {
          hostname: 'hub.lambdatest.com',
          port: 80
        },
        browserName: 'Chrome',
        version: 'latest',
        name: 'Karma Test',
        tunnel: true,
        user: process.env.LT_USERNAME,
        accessKey: process.env.LT_ACCESS_KEY
      }
    }
  });
};

Test with Jasmine Framework

describe('StringUtils', () => {
  it('should capitalize first letter', () => {
    expect(StringUtils.capitalize('hello')).toBe('Hello');
  });

  it('should handle empty string', () => {
    expect(StringUtils.capitalize('')).toBe('');
  });
});

Angular Integration

// karma.conf.js for Angular
frameworks: ['jasmine', '@angular-devkit/build-angular'],
plugins: [
  require('karma-jasmine'),
  require('karma-chrome-launcher'),
  require('karma-coverage'),
  require('@angular-devkit/build-angular/plugins/karma')
],

Setup: npm install karma karma-jasmine karma-chrome-launcher karma-coverage --save-dev

Run: npx karma start or npx karma start --single-run

Init: npx karma init karma.conf.js

Deep Patterns

See reference/playbook.md for production-grade patterns:

SectionWhat You Get
§1 Production ConfigurationFull karma.conf.js with coverage thresholds, reporters, CI launchers
§2 Component TestingService mocking, DOM interaction, form validation patterns
§3 HTTP Service TestingHttpTestingController, error handling, retry testing
§4 Directive & Pipe TestingHost component pattern, custom pipes with edge cases
§5 RxJS & Async PatternsdebounceTime, switchMap cancellation, subscription cleanup
§6 Router & NgRx TestingRouterTestingModule, MockStore, selector overrides
§7 LambdaTest IntegrationCloud browser configuration for cross-browser testing
§8 CI/CD IntegrationGitHub Actions with coverage, test reporting
§9 Debugging Table12 common problems with causes and fixes
§10 Best Practices14-item checklist for production Angular testing

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

Automation

appium-skill

No summary provided by upstream source.

Repository SourceNeeds Review
Automation

playwright-skill

No summary provided by upstream source.

Repository SourceNeeds Review
Automation

selenium-skill

No summary provided by upstream source.

Repository SourceNeeds Review
Automation

jasmine-skill

No summary provided by upstream source.

Repository SourceNeeds Review