Vue -unit-test with Jest: Как проверить, есть ли в компоненте одно указанное c изображение - PullRequest
Новая
       7

Vue -unit-test with Jest: Как проверить, есть ли в компоненте одно указанное c изображение

0 голосов
/ 17 января 2020

Я работаю над модульным тестом, используя vue -test-utils и Jest. У компонента, который я тестирую, есть несколько изображений, но одно из них важнее других, и я хотел бы проверить, есть ли оно там.

Я посмотрел документы [https://vue-test-utils.vuejs.org/guides/#getting -старт] и [https://vue-test-utils.vuejs.org/api/wrapper/get.html]

Вот мой код.

Компонент с изображением: 

<template>
   <img :scr="require('./images/image1.png')" class="image1"/>
   <!-- other code below -  not testing in this case -->
</template>

Мой тест: 

import component from '@/src/stuff/component';
import { mount } from 'vue-test-utils';

describe('component', () => {

const wrapper = mount(component);

test('Is there an image in the component', () => {
const img = wrapper.find('.image1'))
expect(img.is('.image1')).toBe(true)
expect(wrapper.get('image1'))

});

Моя ошибка: «wrapper.get» не является функцией.

Я хотел бы получить некоторую помощь для правильного тестирования, если есть изображение в моем компоненте и как работать с утверждением get () в модульных тестах.

1 Ответ

1 голос
/ 17 января 2020

код, который заставил мой тест работать, который я использовал: 

test("Check that the specific image exists", () => {
const img = wrapper.findAll('.image1'));
expect(img.length).toBe(1);
});
...