karma-skill

@lambdatest · 收录于 1 周前 · 上游提交 4 周前★ 社区精选

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".

场景单元测试浏览器测试测试配置

适合你，如果需要在浏览器中运行 JavaScript 测试并配置 Karma

/ 下载安装

https://github.com/LambdaTest/agent-skills/tree/main/karma-skill ↗

/ 通过 npx 安装 校验哈希

npx oh-my-skill add lambdatest/agent-skills/karma-skill

/ 通过 bash 安装

curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- lambdatest/agent-skills/karma-skill

/ 已经装过?验证本机副本,不用重装

npx oh-my-skill verify lambdatest/agent-skills/karma-skill

安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。

323GitHub stars

~589最小装载

~4.7K含声明引用

~5.2K文本包总量

索引托管

怎么用

技能原文 SKILL.md作者撰写 · MIT · 54824d6

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:

| Section | What You Get | |---------|-------------| | §1 Production Configuration | Full karma.conf.js with coverage thresholds, reporters, CI launchers | | §2 Component Testing | Service mocking, DOM interaction, form validation patterns | | §3 HTTP Service Testing | HttpTestingController, error handling, retry testing | | §4 Directive & Pipe Testing | Host component pattern, custom pipes with edge cases | | §5 RxJS & Async Patterns | debounceTime, switchMap cancellation, subscription cleanup | | §6 Router & NgRx Testing | RouterTestingModule, MockStore, selector overrides | | §7 LambdaTest Integration | Cloud browser configuration for cross-browser testing | | §8 CI/CD Integration | GitHub Actions with coverage, test reporting | | §9 Debugging Table | 12 common problems with causes and fixes | | §10 Best Practices | 14-item checklist for production Angular testing |

按 MIT 许可原样转载,未经改动 · 在 GitHub 查看 →

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。

…