test(join): align e2e with new ContributionAmountField

Add data-testid hooks for the contribution amount input and cadence
toggle labels so playwright can target them through useId-generated
ids. Update join-flow.spec.js to use the new selectors and to assert
the new billing-summary copy ('at each annual renewal' / 'each month'),
dropping the obsolete '/month x 12' parenthetical.
This commit is contained in:
Jennie Robinson Faber 2026-05-23 15:08:03 +01:00
parent 26ee1ca60d
commit 2f229cbfa0
2 changed files with 14 additions and 14 deletions

View file

@ -12,7 +12,7 @@
:checked="cadence === 'monthly'"
@change="onCadenceChange('monthly')"
>
<label :for="`${uid}-cadence-monthly`">
<label :for="`${uid}-cadence-monthly`" data-testid="cadence-monthly">
<span class="circle-label-name">Per Month</span>
</label>
</div>
@ -25,7 +25,7 @@
:checked="cadence === 'annual'"
@change="onCadenceChange('annual')"
>
<label :for="`${uid}-cadence-annual`">
<label :for="`${uid}-cadence-annual`" data-testid="cadence-annual">
<span class="circle-label-name">Per Year</span>
</label>
</div>
@ -44,6 +44,7 @@
step="1"
inputmode="numeric"
class="contribution-input"
data-testid="contribution-amount"
@input="onAmountInput"
>
</div>