如何使用Angular 8单元测试检查给定路径中是 否存在图像？

Question

我在assets/logo.png中有一张图片，我想在.spec.ts内部检查此图片是否存在，以及是否不抛出错误（正确与否）。我如何实现这样的东西？

Answer 1

您可以尝试以下代码：

    it('should set image logo path as expected', () => {
        const ele = fixture.debugElement.nativeElement.querySelectorAll('img');
        expect(ele[0]['src']).toContain('logo.png'); // if you dont have `id` in `img` , you need to provide index as `ele[index]`
        // OR use 
       const ele1 = fixture.debugElement.nativeElement.querySelector("#img-id");
       expect(ele1['src']).toContain('logo.png');
    });

它检查src属性中是否存在下面的图像。您可以使用.toEqual('assets/logo.png')

更具体

Answer 2

为图像创建一个html，将图像路径分配给源，并检查图像标签是否具有所分配图像的高度和宽度

it('should set image logo path as expected', () => {
  let ele = document.createElement("img"); 
  ele.id = 'eee'; 
  ele.src = this.source; 
  setTimeout(() => { 
     expect(ele.height).toBeGreaterThan(0);
     expect(ele.width).toBeGreaterThan(0);
   }, 5000);
 });

如果图像路径不正确，则ele的宽度和高度将为0。