Я реализую модульное тестирование в своем проекте, и у меня есть это в моей тестовой функции:
let sidebarComponent = shallowMount(filterSidebar, { store, localVue});
const checkboxPlatformNetwork = sidebarComponent.find('#filter_network_0');
console.log("Filter networks content: ", checkboxPlatformNetwork);
В моем шаблоне у меня есть «v-for», который создает динамический селектор идентификатора для списка входов,Таким образом, результатом является несколько входных данных, таких как «filter_network_0, filter_networks_1 ...».
Когда я пытаюсь «.find» некоторых из этих элементов, результат console.log:
Filter networks content: ErrorWrapper { selector: '#filter_network_0' }
Если я попробую то же самое со статическим идентификатором, который работает как брелок.
Что я делаю не так?
ЧАСТЬ 2:
Я реализовал свой магазин как макет, и это работает (это должно исходить из API).Теперь я не знаю, правильный ли это путь:
beforeEach(() => {
store.state.initializeData.init = {
networks: ['Facebook', 'Twitter', 'Instagram', 'Instagram Stories', 'Youtube']
};
});