3

How do you test a button's disabled attribute changing in vue test utils? The disabled attribute of the button depends on isFormValid and isFormModified. I've tried setting them to both true in my test, but it still receives a false.

Component

 <v-btn
   data-qa="reviewData"
   @click="validateForm()"
   :disabled="!(isFormValid && isFormModified)"
   :color="primaryColor"
   rounded
   class="font-weight-regular text-none white--text px-7 mr-8 mt-3"
 >
   { $t('accountMaintenance.review') }}</v-btn

Test

wrapper.setData({ isFormModified: true, isFormValid: true })
const button = wrapper.find('[data-qa="reviewData"]')
expect(button.attributes().disabled).toBe('false')
Improve this question
0
Related questions
9
How to disable a button after clicking a button using vue.js
2
vuetify test-utils & Jest : button click not handled
0
How to change button to disabled once it is clicked in Vue JS app
Load 7 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.