没有 Jasmine-jquery 的提供者？

Posted 2023-03-07

【中文标题】没有 Jasmine-jquery 的提供者？

【英文标题】：No provider for Jasmine-jquery?

【发布时间】：2014-11-08 23:25:36

【问题描述】：

我正在为我的应用程序使用 Yeoman+Angular Generator，我一直在努力与 Jasmine 相处！这就是我卡住的地方。我希望能够在 Jasmine 测试中使用 jQuery 选择器。我已经安装了 karma-jasmine 和 karma-jasmine-jquery 软件包。然后我为凉亭安装了它（我是新手，我不知道应该安装什么！）。我已经在karma.conf.js 中手动添加了路径，但我仍然收到这样的消息：

Running "karma:unit" (karma) task
Warning: No provider for "framework:jasmine-jquery"! (Resolving: framework:jasmine-jquery) Use --force to continue.

这就是我的业力配置的样子：

// Karma configuration
// http://karma-runner.github.io/0.12/config/configuration-file.html
// Generated on 2014-09-12 using
// generator-karma 0.8.3

module.exports = function(config) 
    'use strict';

    config.set(
    // enable / disable watching file and executing tests whenever any file changes
    autoWatch: true,

    // base path, that will be used to resolve files and exclude
    basePath: '../',

    // testing framework to use (jasmine/mocha/qunit/...)
    frameworks: ['jasmine-jquery', 'jasmine'],

    // list of files / patterns to load in the browser
    files: [
      'bower_components/jasmine-jquery/lib/jasmine-jquery.js', 
      'bower_components/angular/angular.js',
      'bower_components/angular-mocks/angular-mocks.js',
      'bower_components/angular-animate/angular-animate.js',
      'bower_components/angular-cookies/angular-cookies.js',
      'bower_components/angular-resource/angular-resource.js',
      'bower_components/angular-route/angular-route.js',
      'bower_components/angular-sanitize/angular-sanitize.js',
      'bower_components/angular-touch/angular-touch.js',
      'bower_components/angular-bootstrap/ui-bootstrap.js', 
      'app/scripts/**/*.js',
      //'test/mock/**/*.js',
      'test/spec/**/*.js',
      'app/views/*.html'
    ],

    // list of files / patterns to exclude
    exclude: [],

    // web server port
    port: 8080,

    // Start these browsers, currently available:
    // - Chrome
    // - ChromeCanary
    // - Firefox
    // - Opera
    // - Safari (only Mac)
    // - PhantomJS
    // - IE (only Windows)
    browsers: [
      'PhantomJS'
    ],

    // Which plugins to enable
    plugins: [
      'karma-phantomjs-launcher',
      'karma-jasmine',
      'karma-ng-html2js-preprocessor'
    ],

    preprocessors: 
        'app/views/*.html': 'ng-html2js'
    ,

    ngHtml2JsPreprocessor: 
        stripPrefix: 'app/',
        moduleName: 'views'
    ,

    // Continuous Integration mode
    // if true, it capture browsers, run tests and exit
    singleRun: false,

    colors: true,

    // level of logging
    // possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG
    logLevel: config.LOG_INFO,

    // Uncomment the following lines if you are using grunt's server to run the tests
    // proxies: 
        //   '/': 'http://localhost:9000/'
    // ,
    // URL root prevent conflicts with the site root
    // urlRoot: '_karma_'
  );
;

【参考方案1】：

我遇到了同样的问题。通过将 karma-jasmine-jquery 添加到 karma.conf.js 中的插件数组来修复它。这是我的完整的 karma.conf。

 module.exports = function(config) 
  'use strict';

  config.set(
    // enable / disable watching file and executing tests whenever any file changes
    autoWatch: true,

    // base path, that will be used to resolve files and exclude
    basePath: '../',

    // testing framework to use (jasmine/mocha/qunit/...)
    frameworks: ['jasmine-jquery', 'jasmine'],

    // list of files / patterns to load in the browser
    files: [
      'bower_components/angular/angular.js',
      'bower_components/angular-mocks/angular-mocks.js',
      'app/scripts/**/*.js',
      'test/mock/**/*.js',
      'test/spec/**/*.js'
    ],

    // list of files / patterns to exclude
    exclude: [],

    // web server port
    port: 8080,

    // Start these browsers, currently available:
    // - Chrome
    // - ChromeCanary
    // - Firefox
    // - Opera
    // - Safari (only Mac)
    // - PhantomJS
    // - IE (only Windows)
    browsers: [
      'PhantomJS'
    ],

    // Which plugins to enable
    plugins: [
      'karma-phantomjs-launcher',
      'karma-jasmine-jquery',
      'karma-jasmine',

    ],

    // Continuous Integration mode
    // if true, it capture browsers, run tests and exit
    singleRun: false,

    colors: true,

    // level of logging
    // possible values: LOG_DISABLE || LOG_ERROR || LOG_WARN || LOG_INFO || LOG_DEBUG
    logLevel: config.LOG_INFO,

    // Uncomment the following lines if you are using grunt's server to run the tests
    // proxies: 
    //   '/': 'http://localhost:9000/'
    // ,
    // URL root prevent conflicts with the site root
    // urlRoot: '_karma_'
  );
;

我所做的另一个更改是，根据 jasmine-jquery 文档，它需要至少 0.2.0 的 jasmine 版本。生成器提供了 0.1.5 的版本（至少昨天对我来说是这样）。所以为了解决这个问题，我运行了“npm install karma-jasmine@0.2.0 --save-dev”。保存开发人员应该这样做，但请确保您在根 package.json 的 devDependencies 中列出了正确的包，我有：

"karma-jasmine": "^0.2.0",
"karma-jasmine-jquery": "^0.1.1",

显然这些应该与 node-modules 中的实际包相对应

希望对你有帮助

C

【讨论】：

不错！请让我试试这个然后回来。

嘿，我已经在conf中添加了这个，现在我有一个新错误：TypeError: jasmine is undefined jasmine.spiedEventsKey = function (selector, eventName)

嗨，你看到我更新的答案了吗？我很想知道你是否让它工作

嗨...我已经准备好了所有东西，除了版本。如何查看版本？

在项目的根目录下有一个名为 node-modules 的文件夹。在 karma-jasmine 文件夹中打开的 package.json 中。版本应该在文件的顶部