使用jQWidgets和Karma / Jasmine进行单元测试Angular应用

Question

如果有人创建了具有jQWidgets的jasmine / karma Angular测试-即使您没有遇到此错误，我也希望看到您的karma.conf.js和.spec文件，因为我遇到了问题。

我能够为应用提供良好的服务-该应用仅比Angular提供的启动器-多一点，但是我对组件的.spec单元测试却在业力方面引发了此错误：

Failed: Unexpected value ‘undefined’ declared by the module ‘DynamicTestModule’

在我的规格文件中：

import { TestBed, async } from '@angular/core/testing';
import { AppComponent } from './app.component';
import { jqxGridComponent } from 'jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid';

describe('AppComponent', () => {
  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [jqxGridComponent, AppComponent]
    }).compileComponents();
  }));

  it('app dummy test', () => {
    expect(1).toBe(2);
  });
});

app.component.ts：

import { Component } from '@angular/core';
import { jqxGridComponent } from 'jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  constructor() {}
}

app.module.ts：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';

import { jqxGridComponent } from 'jqwidgets-scripts/jqwidgets-ts/angular_jqxgrid';

@NgModule({
  declarations: [AppComponent, jqxGridComponent],
  imports: [BrowserModule],
  providers: [],
  bootstrap: [AppComponent] 
})
export class AppModule {} 

我会很感激jqWidget测试的任何帮助和/或示例。

Answer 1

在tsconfig.spec.json中，包括jqwidgets文件路径：

"include": [
    "**/*.spec.ts",
    "**/*.d.ts",
    "../node_modules/jqwidgets-scripts/jqwidgets-ts"
  ]