Angular6 Jasmine TypeError: expect(.).toBeVisible不是函数

Question

在angular6中设置茉莉查询匹配

在角5项目上，它看上去很简单

import { } from 'jasmine-jquery/lib/jasmine-jquery';
import { } from 'jasmine-jquery-matchers';
import * as $ from 'jquery';

在角度6上，我尝试了以下几种方法

import {} from "jasmine-jquery/lib/jasmine-jquery" ;
import {} from "jasmine-jquery-matchers/dist/jasmine-jquery-matchers" ;
import { } from "karma-jasmine-jquery";
import * as $ from 'jquery';

或

import {} from "jasmine-jquery" ;
import {} from "jasmine-jquery-matchers" ;
import { } from "karma-jasmine-jquery";
import * as $ from 'jquery';

用法如下

imagesEL = fixture.debugElement.query(By.css('.cycle'));

和

expect(imagesEL).toBeVisible();

或

expect(imagesEL.nativeElement).toBeVisible();

但是每件事似乎都给出了同样的错误

TypeError: expect(…).toBeVisible不是一个函数

谢谢你的帮助

样本代码: https://stackblitz.com/edit/ng-test-tobevisible?file=app/hello.component.spec.ts

Answer 1

尝试将此用作您的导入

import "jasmine-jquery/lib/jasmine-jquery" ;
import "jasmine-jquery-matchers/dist/jasmine-jquery-matchers" ;
import "karma-jasmine-jquery";
import 'jquery';

请注意，jasmine matcher没有默认的导出。

Answer 2

toBeVisible()应应用于nativeElement

imagesEL = fixture.debugElement.query(By.css('.cycle'));
expect(imagesEL.nativeElement).toBeVisible();