Как проверить с помощью Angular 8 модульного теста, существует ли изображение по заданному пути?

Question

У меня есть картинка в assets/logo.png, и я хочу проверить внутри .spe c .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. Вы можете указать c, используя .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.