Как протестировать компонент с помощью Froala Editor в Karma for Angular?

Question

Я использую Froala Editor в своем компоненте. Редактор работает нормально, когда я запускаю сайт. Но файл spec.ts генерирует эту ошибку.

TypeError: this. $ element.froalaEditor не является функцией

Есть решение?

Функция onAddPost покрывается, никаких проблем с этим нет. Но тестовый пример не пройден из-за ошибки самого редактора Froala.

Answer 1

Итак, как я вижу, не используйте шаблон компонента в тесте, поэтому вы можете просто удалить FroalaEditorModule, FroalaViewModule из импорта и добавить переопределение шаблона для вашего компонента,например:

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

Поскольку ваш компонент не будет иметь шаблона , вы не будете использовать компоненты и директивы froala , а не будетдоступ этот глобальный скрипт и ошибка должна исчезнуть.Надеюсь, это поможет.