添加 Froala 会破坏 Karma 单元测试

Question

我刚刚通过 bower 安装将 Froala 添加到我的 Angularjs (1.5) 项目中，它破坏了我目前设置的单元测试。当我将 'froala' 添加到 app.js 中定义的 angular.module 时，它破坏了测试，但是当我删除它时所有测试都通过了。

我在 app.js 文件中配置了 Froala：

angular.module('app', [ 'froala',....

我引用了 index.html

中的 local/downloaded 文件

<link href="bower_components/froala-wysiwyg-editor/css/froala_editor.min.css" rel="stylesheet" type="text/css" />
<link href="bower_components/froala-wysiwyg-editor/css/froala_style.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="bower_components/froala-wysiwyg-editor/js/froala_editor.min.js"></script>
<script type="text/javascript" src="bower_components/froala-wysiwyg-editor/js/angular-froala.js"></script>

这是我得到的错误：

TypeError: undefined is not an object (evaluating 'ctrl.disableInput')

这是添加 froala 之前的 Karma configuration and an example test。

我需要在 Froala 中进行配置才能通过测试吗？

Answer 1

我在 bower 组件文件夹中加载 angular-froala 是一个简单的错误。这部分 src="bower_components/froala-wysiwyg-editor/js/angular-froala.js" 并将其包含在 app.js angular.module('app', [ 'froala',.... 中。我删除了这两个引用，索引中只有这个：

<link href="bower_components/froala-wysiwyg-editor/css/froala_editor.min.css" rel="stylesheet" type="text/css" />. 
<link href="bower_components/froala-wysiwyg-editor/css/froala_style.min.css" rel="stylesheet" type="text/css" />. 
<script type="text/javascript" src="bower_components/froala-wysiwyg-editor/js/froala_editor.min.js"></script>. 

我遵循了之前关于 的堆栈溢出答案，并假设我需要包含它，但没有必要。