Question

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

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

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

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

但仍面临同样的问题。

有什么想法解决这个问题吗？

Answer 1

我通过使用带有* ngIf
的标志解决了这个问题

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

我通过应用程序
我在通过单元测试运行该代码时将该标志设置为false。

所以现在p-editor DOM元素不呈现。我们在单元测试时并不关心羽毛笔包。

Answer 2

我在scripts数组的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

2 个答案: