7

私は次のコードを持っています：

function TestStats($xhr) {
    $xhr(
            'GET',
            '/test-dashboard/get-projects.json',
            angular.bind(this, function(code, response) {
                this.projects = response.projects;
                this.projects.splice(0, 0, undefined);
            }));

    this.$watch('project', angular.bind(this, function() {
        this.testClassStats = undefined;

        if (this.project) {
            $xhr(
                    'GET',
                    '/test-dashboard/get-test-stats.json?project=' + this.project,
                    angular.bind(this, function(code, response) {
                        this.testClassStats = response.testClassStats;
                    }));
        }
    }));
};

TestStats.prototype.greet = function(name) {
  return "Hello " + name + "!";
};

TestStats.$inject = ['$xhr'];

および次のテスト：

TestDashboardUnitTest = TestCase("TestDashboardUnitTest");

TestDashboardUnitTest.prototype.testAoeu = function() {
    var xhrStub = function(method, url, callback) {
    };
    var testStats = new TestStats(xhrStub);
    assertEquals("Hello World!", testStats.greet("Aoeu"));
};

および次の構成：

server: http://localhost:9876

load:
  - http://code.jquery.com/jquery-1.6.2.min.js
  - http://code.angularjs.org/angular-0.9.17.min.js
  - web/*.js
  - test/*.js

テストを実行すると、JsTestDriverは次のように出力します。

Total 1 tests (Passed: 0; Fails: 0; Errors: 1) (0.00 ms)
  Chrome 13.0.782.112 Linux: Run 1 tests (Passed: 0; Fails: 0; Errors 1) (0.00 ms)
    TestDashboardUnitTest.testAoeu error (0.00 ms): TypeError: Object #<TestStats> has no method '$watch'
      TypeError: Object #<TestStats> has no method '$watch'
          at new TestStats (http://127.0.0.1:9876/test/web/test-dashboard.js:13:10)
          at [object Object].testAoeu (http://127.0.0.1:9876/test/test/test-dashboard-unit-test.js:9:21)

Tests failed: Tests failed. See log for details.

これを修正するには何をする必要がありますか？

4

2 に答える 2

5

http://docs.angularjs.org/#!/tutorial/step_05から

scope = angular.scope();
$browser = scope.$service('$browser');

$browser.xhr.expectGET('phones/phones.json')
    .respond([{name: 'Nexus S'},
              {name: 'Motorola DROID'}]);
ctrl = scope.$new(PhoneListCtrl);

通常のことをしないで、モックを渡します。代わりに、注入システムに仕事をさせてください。

また、必ず jsTestDriver.conf ファイルに angular-mocks.js をロードしてください。

于 2011-08-19T17:22:39.193 に答える
1

Angular が何をしているのかはわかりませんが、問題は次のコード ブロックにあるようです。

this.$watch('project', angular.bind(this, function() {
    // snip
}));

メソッドを呼び出すときthis.$watchは、クラスのオブジェクト インスタンスのメソッドを呼び出しています。TestStatsこのクラスは、提供したコードの最初のブロックで記述されています。どこにも呼び出されたメソッドが表示されません。$watch他のオブジェクト参照が必要なのかもしれませんthis。

于 2011-08-19T13:16:31.353 に答える