检查带有茉莉花返回错误的 $scope 变量

威廉·道尔

目前正在尝试检查非常简单的角度变量和函数。我连最简单的工作都做不到。这是我第一次使用它,我需要使用旧版本,因为我的讲师需要它。

在 app.js 中,我有很多控制器,但我只从一个控制器开始,将一个变量分配给一个字符串:

var app = angular.module('myApp', ['ngRoute']);
blah blah blah etc etc

app.controller('HomeController', function ($scope) {
 $scope.name = 'Batman';
}

在 runner.html 文件中,我有以下内容:

<script src="lib/jasmine-2.2.0/jasmine.js"></script>
<script src="lib/jasmine-2.2.0/jasmine-html.js"></script>
<script src="lib/jasmine-2.2.0/boot.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src='https://code.angularjs.org/1.4.8/angular-mocks.js'></script>

<!-- include source files here... -->
<script src="../js/main.js"></script>

<!-- include spec files here... -->
<script src="spec/test.js"></script>

在 test.js 我有以下内容:

describe('myApp', function () {
  var scope, controller;

  beforeEach(angular.mock.module('myApp'));

  beforeEach(angular.mock.inject(function($controller,$rootScope){
    scope = $rootScope.$new();
    $controller('HomeController', {$scope: scope});
  }));

  it('sets the name', function () {
    expect(scope.name).toBe('Batman');
  });
});

然后我在运行测试时收到以下错误:错误:[$injector:modulerr]

编辑

这似乎是导致问题的角度路由。当我删除路由模块“ngRoute”时,它似乎运行正常。有没有办法在路由中使用茉莉花?

坦迈

这样做的问题是,angular-route尽管将库作为模块依赖项 ( angular.module('myApp', ['ngRoute'])),您并未将其包含在内

我与其他库一起添加了以下内容:

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular-route.min.js"></script>

它正在工作!

这是工作的plunker

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从ngRepeat更新$ scope变量

来自分类Dev

如何编写一个依赖于另一个套件变量的茉莉花测试套件?(茉莉花1.3)

来自分类Dev

茉莉花和业力:找不到变量运行

来自分类Dev

指令范围变量在茉莉花测试中不可访问

来自分类Dev

如何在茉莉花测试中测试$ scope。$ on事件?

来自分类Dev

将$ scope变量传递到带有角的html函数标记中

来自分类Dev

带有茉莉的茉莉花模拟ajax

来自分类Dev

Angular JS茉莉花测试-链式承诺中变量值的多次更改

来自分类Dev

如何模拟指令$ scope变量?

来自分类Dev

AngularJS $ scope变量未显示

来自分类Dev

返回带有任意变量的错误枚举

来自分类Dev

茉莉花检查变量是否在方法中定义

来自分类Dev

角度$ scope变量未更新

来自分类Dev

茉莉花测试中的参考错误:找不到变量

来自分类Dev

茉莉花AngularJS:模拟$ scope属性?

来自分类Dev

茉莉花对象#<Scope>没有方法

来自分类Dev

$ scope变量与var

来自分类Dev

如何模拟指令$ scope变量?

来自分类Dev

茉莉花测试$ scope未定义

来自分类Dev

Angular控制器继承变量而没有$ scope

来自分类Dev

AngularJS使用$ scope变量更改单选按钮的检查值

来自分类Dev

AngularJs $ scope像本地变量

来自分类Dev

返回带有任意变量的错误枚举

来自分类Dev

$ scope。$ watch似乎没有观看工厂变量

来自分类Dev

如何在茉莉花测试中测试$ scope?

来自分类Dev

茉莉花:如何测试包含已声明的变量的方法

来自分类Dev

api调用中的$ scope变量有时不会更新

来自分类Dev

函数中的 $scope 变量

来自分类Dev

AngularJS $routeParams:设置 $scope 变量