change test for disable button

This commit is contained in:
ogerly 2022-07-12 14:25:24 +02:00
parent c8234ea54e
commit 3162a1e6b6
2 changed files with 15 additions and 3 deletions

View File

@ -25,5 +25,9 @@ describe('ContributionForm', () => {
it('has a DIV .contribution-form', () => { it('has a DIV .contribution-form', () => {
expect(wrapper.find('div.contribution-form').exists()).toBe(true) expect(wrapper.find('div.contribution-form').exists()).toBe(true)
}) })
it('is submit button disable of true', () => {
expect(wrapper.find('button[type="submit"]').attributes('disabled')).toBe('disabled')
})
}) })
}) })

View File

@ -15,6 +15,7 @@
<b-form ref="form" @submit.prevent="submit"> <b-form ref="form" @submit.prevent="submit">
<label>{{ $t('time.month') }}</label> <label>{{ $t('time.month') }}</label>
<b-form-datepicker <b-form-datepicker
id="testdate"
v-model="form.date" v-model="form.date"
size="lg" size="lg"
:max="max" :max="max"
@ -26,7 +27,7 @@
></b-form-datepicker> ></b-form-datepicker>
<label class="mt-3">{{ $t('contribution.activity') }}</label> <label class="mt-3">{{ $t('contribution.activity') }}</label>
<b-form-textarea <b-form-textarea
id="textarea" id="testmemo"
v-model="form.memo" v-model="form.memo"
rows="3" rows="3"
max-rows="6" max-rows="6"
@ -44,13 +45,20 @@
</div> </div>
<label class="mt-3">{{ $t('form.amount') }}</label> <label class="mt-3">{{ $t('form.amount') }}</label>
<b-input-group size="lg" prepend="GDD" append=".00"> <b-input-group size="lg" prepend="GDD" append=".00">
<b-form-input v-model="form.amount" type="number" min="1" max="1000"></b-form-input> <b-form-input
id="testamount"
v-model="form.amount"
type="number"
min="1"
max="1000"
></b-form-input>
</b-input-group> </b-input-group>
<div class="mt-3 text-right"> <div class="mt-3 text-right">
<b-button type="submit" variant="primary" :disabled="disable"> <b-button class="test-submit" type="submit" variant="primary" :disabled="disable">
{{ $t('contribution.submit') }} {{ $t('contribution.submit') }}
</b-button> </b-button>
{{ form }}
</div> </div>
</b-form> </b-form>
</div> </div>