Как смоделировать свойство $ el в JEST vue -test-utils? - PullRequest
0 голосов
/ 24 февраля 2020

Как смоделировать свойство $el (указывает на элемент HTML компонента) при тестировании компонента? Мне нужно иметь доступ к ложному $el в mounted() хуке. Приведенное ниже решение не работает.

const wrapper = shallowMount(Component, {
     mocks: {
            $el: { 
               //some properties 
            }
     }
})

// Редактировать

Хорошо, я нашел обходной путь для этого.

Если вам нужен доступ к this.$parent или this.$el в созданном / смонтированном хуке, просто напишите метод получения в методах и затем, смоделируйте его в вашей обертке и замените this.$parent / this.$el на смоделированный метод.

const wrapper = mount(Component, 
methods: { 
   getEl: () => {}
}

.

...