如何在Karma for Angular中使用Froala Editor测试组件？

Question

我在我的组件中使用Froala编辑器。当我运行网站时，编辑工作正常。但是，spec.ts文件正在生成此错误。

TypeError：this。$ element.froalaEditor不是函数

有解决方案吗

onAddPost功能正在被覆盖，没有问题。但是，由于Froala编辑器本身的错误，测试用例失败了。

Answer 1

因此，正如我所看到的，您不在测试中使用组件模板，因此您只需从导入中删除FroalaEditorModule, FroalaViewModule，并为组件添加模板覆盖，例如：

TestBed.configureTestingModule({
   ....
})
.compileComponents()
.overrideComponent(PostsAddComponent, {
    set: {
        template: ""
    }
});

由于您的组件没有模板，因此您将不使用froala组件和指令，并且它将不会访问此全局脚本并且错误应该消失。希望有所帮助。