Vue test utils - тестирование computed свойства

vue test utils - Тестирование computed свойства

Компонент:

<template>
  <p>{{ fullName }}</p>
</template>

<script setup>
import { computed } from 'vue';
const props = defineProps({
  firstName: String,
  lastName: String
});

const fullName = computed(() => `${props.firstName} ${props.lastName}`);
</script>

Задание:

Передайте firstName: "Иван" и lastName: "Петров" и проверьте, что отображается "Иван Петров".

Решение

import { mount } from '@vue/test-utils';
import { describe, it } from 'vitest';
import Computed from '@/components/Computed.vue';

describe('Computed.vue', () => {
    it('проверка работы computed', () => {
        const wrapper = mount(Computed, {
            props: {
                firstName: 'Иван',
                lastName: 'Петров'
            }
        });
        
        expect(wrapper.find('p').text()).toBe('Иван Петров')
    });
});