Разница между "mount" и "shallowMount" Vue-Test-Utils?

Question

Отказ от ответственности: я довольно плохо знаком с Vue, JavaScript и веб-фреймворками в целом.

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

Я прочитал документы по vue-test-utils ' mount () и shallowMount () , но я не уверен, когда использовать один поверх другого (они кажутся очень похожими). ​​

Согласно документам на shallowMount():

Как и mount, он создает оболочку, которая содержит смонтированный и визуализированный компонент Vue, но сдочерние компоненты с заглушкой.

Что именно подразумевается под "дочерними компонентами с заглушкой"?Могут ли mount() и shallowMount() использоваться взаимозаменяемо?

Answer 1

Что подразумевается в документации под "заглушенными дочерними компонентами", так это то, что все компоненты в тестируемом компоненте не будут отображаться. Вместо этого у вас будет компонент-заполнитель.

Это предотвращает паразитирование ваших тестов поведением других компонентов.

По моему мнению, вы всегда должны монтировать компоненты при выполнении модульных тестов и просто монтировать их при выполнении тестов во всем приложении.