ReferenceError: Quill is not defined while unit testing

Question

我得到了 this same issue 并且我解决了它并且在我运行应用程序时完美地工作。

但是在运行单元测试时，同样的问题正在发生。我正在使用业力和茉莉花工具。

我也试过在 karma.config.js 填充中包含 quill.js 文件。

  files: ['./node_modules/quill/quill.js',
          { pattern: './src/test.ts', watched: true }
        ],

但我仍然面临同样的问题。

有解决此问题的想法吗？

Answer 1

I have resolved this issue by using a flag with *ngIf

<div class="ui-grid-col-6" style="width:114%;" *ngIf="display">
                   <p-editor [(ngModel)]="printEmailCOC.MailBody" [style]="{'height':'250px'}"></p-editor>
               </div>

我将该标志分配给 true，而运行该代码通过应用程序
我正在分配将该标志设置为 false，而运行该代码通过单元测试。

So Now the p-editor DOM element does not render. And we don't care about the quill package while Unit Testing.

Answer 2

我在脚本数组的 angular.json 文件中添加了 "node_modules/quill/dist/quill.js" "test": { "builder": "@angular-devkit/build-angular:karma", "options": { "main": "src/test.ts", "karmaConfig": "src/karma.conf.js", "polyfills": "src/polyfills.ts", "tsConfig": "src/tsconfig.spec.json", "scripts": [ "node_modules/quill/dist/quill.js" ], "styles": [ "src/scss/styles.scss" ], "assets": [ "src/assets", "src/favicon.ico" ] } }, 重新启动 ng test 并且组件通过了测试

ReferenceError: Quill is not defined while unit testing

ReferenceError: Quill is not defined while unit testing

jasmine

typescript

quill

primeng

angular