Estoy tratando de escribir mi primera prueba unitaria con vue-test-utils. Tengo un componente que contiene un formulario, que es de solo lectura según una propiedad pasada llamada edición. Estoy usando Vuetify, así que tengo algunos componentes de campo de texto v.

 test('Text fields are enabled', () => { const textFieldWrapperArray = wrapper .findComponent({ ref: 'form' }) .findAllComponents({ name: 'v-text-field' }); const disabledTextFields = textFieldWrapperArray.filter(textFieldWrapper => { return (textFieldWrapper.element as HTMLFormElement).disabled }); expect(disabledTextFields.length).toBe(0); });

La prueba pasa, pero cuando depuro puedo ver que deshabilitado en ambos casos (edición = verdadero, edición = falso) siempre está indefinido.

 return (textAreaWrapper.element as HTMLFormElement).disabled

También intenté usar readonly en lugar de disabled pero obtuve lo mismo.

En el componente en sí, estoy usando solo lectura.

 <v-form ref="form" v-model="valid" :readonly="!editing" lazy-validation >

Gracias por tu ayuda