Dịch vụ kiểm tra trong mô đun trả về Angular không được xác định

Tôi đang cố gắng chạy thử nghiệm đơn vị dịch vụ mặc định trong dự án của mình (Lấy từ dự án Angular Seed trên GitHub), nhưng tôi vẫn nhận được lỗi "mô-đun không được xác định".

Tôi đã đọc được rằng nó có thể là một cái gì đó để làm theo thứ tự của các tệp JavaScript được tham chiếu , nhưng tôi dường như không thể làm cho nó hoạt động được, vì vậy hy vọng một trong các bạn có thể giúp đỡ.

Cấu hình của tôi cho bài kiểm tra trông như thế này:

basePath = '../';

files = [
'public / javascripts / lib / jquery-1.8.2.js',
'public / javascripts / lib / angular.js',
'public / javascripts / lib / angular- .js',
'public / app.js ',
' công cộng / bộ điều khiển / .js ',
' công khai / directives.js ',
' công cộng / bộ lọc.js ',
' công cộng / dịch vụ ',
JASMINE,
JASMINE_ADAPTER,
' công khai / javascripts / lib / angular-mocks. js ',
' kiểm tra / đơn vị / *. js '];

autoWatch = true;

trình duyệt = ['Chrome'];

junitReporter = {outputFile: 'testDef / unit.xml', bộ: 'unit'};

Dịch vụ này trông như sau:

angular.module('myApp.services', []).
  value('version', '0.1');

Bài kiểm tra trông như thế này:

'use strict';

describe('service', function() {
  beforeEach(module('myApp.services'));


  describe('version', function() {
    it('should return current version', inject(function(version) {
      expect(version).toEqual('0.1');
    }));
  });
});

Và lỗi khi chạy thử nghiệm qua testacular là đây:

ReferenceError: mô-đun không được xác định

Bạn đang thiếu tệp angular-mocks.js .

Tôi có cùng một vấn đề và tôi hiểu tại sao nó không hoạt động: javascript jasmine.js phải được tham chiếu TRƯỚC tệp angular-mocks.js. Thật vậy, angular-mocks.js kiểm tra xem Jasmine đã được tải chưa và chỉ khi có nó, nó sẽ thêm chức năng mô-đun vào cửa sổ.

Dưới đây là trích xuất mã Angular Mocks:

(Chỉnh sửa sau một vài bình luận về 'hack' tôi đã có bên dưới: đây chỉ là một đoạn trích của mã, đây không phải là thứ bạn cần tự viết, nó đã có sẵn!)

window.jasmine && (function(window) {

[...]

  window.module = angular.mock.module = function() {
    var moduleFns = Array.prototype.slice.call(arguments, 0);
    return isSpecRunning() ? workFn() : workFn;
    /////////////////////
    [...]
  };

Tóm lại: Chỉ cần tham khảo jasmine.js của bạn trước khi angular-mocks.js và bạn đi.

Các window.modulechức năng đi kèm trong góc-mocks.js và là một viết tắt cho angular.mock.module. Như đã đề cập trong các tài liệu , modulechức năng chỉ hoạt động với Jasmine.

Sử dụng Testacular , tệp cấu hình ví dụ sau sẽ tải angular-mocks.js.

/** example testacular.conf.js */

basePath = '../';
files = [
  JASMINE,
  JASMINE_ADAPTER,
  'path/to/angular.js',
  'path/to/angular-mocks.js',   // for angular.mock.module and inject.
  'src/js/**/*.js',             // application sources
  'test/unit/**/*.spec.js'      // specs
];
autoWatch = true;
browsers = ['Chrome'];

Và, như được đề xuất ở nơi khác, bạn có thể chạy Testacular với ghi nhật ký gỡ lỗi để xem tập lệnh nào được tải (bạn cũng có thể thấy điều tương tự trong trình kiểm tra):

testacular --log-level debug start config/testacular.conf.js

Các angular.mock.injecttài liệu bao gồm một ví dụ khá đầy đủ.

Chúng tôi sử dụng 'mô-đun' không có 'góc cạnh' trong các thử nghiệm đơn vị của mình và nó hoạt động tốt.

CoffeeScript:

describe 'DiscussionServicesSpec', ->
    beforeEach module 'DiscussionServices'
    beforeEach inject ... etc.

mà biên dịch thành

JavaScript:

describe('DiscussionServices', function() {
    beforeEach(module('DiscussionServices'));
    beforeEach(inject(function ... etc.

Lần duy nhất tôi thấy một cái gì đó giống như lỗi bạn mô tả là nếu trong tệp testacular.conf.js, tệp angular-mocks.js không được liệt kê trong phần tệp trước khi thông số kỹ thuật cố gắng sử dụng 'mô-đun'. Nếu tôi đặt nó sau khi thử nghiệm trong danh sách 'tệp' tôi nhận được

ReferenceError: Can't find variable: module

(Các thử nghiệm của chúng tôi đang được chạy qua PhantomJS)

Tôi đã bao gồm angular-mocks.js trong cấu hình karma của mình, nhưng vẫn gặp lỗi. Hóa ra thứ tự là quan trọng trong mảng tập tin. (duh) Giống như trong phần đầu của tài liệu html, nếu tập lệnh gọi góc trước khi được xác định và xảy ra lỗi. Vì vậy, tôi chỉ cần đưa app.js của mình vào sau angular.js và angular-mocks.js.

Nếu bạn đang sử dụng Yeoman và trình tạo góc của nó, bạn có thể gặp lỗi này. Đặc biệt là khi bạn thực hiện Hướng dẫn (._.)
Tôi đã sửa nó, bằng cách sao chép tệp angular-mocks.js, từ thư mục bower_components / angular-mocks sang thư mục test / mock. Tất nhiên bạn phải chắc chắn rằng tệp karma.conf.js của bạn được cấu hình đúng.
Lời chào hỏi!

Tôi đã có vấn đề tương tự khi tôi đang làm một cái gì đó như var module = angular.module('my',[]). Tôi cần chắc chắn rằng nó được bao quanh bởi IIFE