Estoy usando (vue with jest + vue-test-utils). Estoy tratando de verificar la corrección de la función y tiene un foreach que elimina una cierta clase de todos los elementos (clase - mostrar). El problema es que si hace esto de forma nativa, la prueba devuelve una colección de clases con una clase que debe eliminarse, la única forma en que funciona es eliminarla a través de refs.

 <span ref="typeFiles" class="error error-type">{{ $t("schedulesFormatFiles") }}</span> <span ref="sizeFiles" class="error error-weight">{{ $t("schedulesMaxWeightFiles") }}</span> <span ref="elseError" class="error error-load">{{ $t("schedulesErrorText") }}</span> removeFile(){ this.$refs.fileName.innerHTML = ''; this.$refs.labelText.classList.remove('filled'); this.$refs.btnClear.style.display = 'none'; this.$refs.iconUpload.setAttribute('data-load', '') document.querySelectorAll('.error').forEach(item => { item.classList.remove('show'); }) }, test('file remove', () => { wrapper.vm.removeFile() expect(wrapper.findComponent({ref: 'fileName'}).text()).toBe(''); expect(wrapper.vm.$refs.labelText.classList.contains('filled')).toBe(false) expect(wrapper.findComponent({ref: 'btnClear'}).isVisible()).toBe(false) expect(wrapper.findComponent({ref: 'iconUpload'}).attributes()['data-load']).toBe(''); const wrapperArray = wrapper.findAll('.error') wrapperArray.wrappers.map(w => console.log(w.classes())) })