Ответ
shallowMount используется для тестирования компонента изолированно, без рендеринга его дочерних компонентов. Это ускоряет тесты и делает их более предсказуемыми, так как фокус остаётся на текущем компоненте.
Пример:
import { shallowMount } from '@vue/test-utils';
import ParentComponent from '@/components/ParentComponent.vue';
test('renders without crashing', () => {
const wrapper = shallowMount(ParentComponent);
expect(wrapper.exists()).toBe(true);
});Когда использовать:
- Для юнит-тестов компонента
- Когда нужно проверить только логику родительского компонента
- Чтобы избежать сложностей с мокированием дочерних компонентов
Для интеграционных тестов (проверка взаимодействия с дочерними компонентами) лучше использовать mount.