Компонент:
<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('Иван Петров')
});
});