From bcc0fac0a862f2bda3c55476adb279ea099a78b8 Mon Sep 17 00:00:00 2001
From: Jose Olarte III <brownspank@anomalistdesign.com>
Date: Thu, 8 Aug 2024 15:47:19 +0800
Subject: [PATCH] Playwright: added ID to spinbutton

---
 src/components/GiftedDialog.vue        | 1 +
 test-playwright/30-record-gift.spec.ts | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/GiftedDialog.vue b/src/components/GiftedDialog.vue
index 90cf77a87..7b9b520ff 100644
--- a/src/components/GiftedDialog.vue
+++ b/src/components/GiftedDialog.vue
@@ -24,6 +24,7 @@
           <fa icon="chevron-left" />
         </div>
         <input
+          id="inputGivenAmount"
           type="number"
           class="border border-r-0 border-slate-400 px-2 py-2 text-center w-20"
           v-model="amountInput"
diff --git a/test-playwright/30-record-gift.spec.ts b/test-playwright/30-record-gift.spec.ts
index 77dc3ff95..387be37fc 100644
--- a/test-playwright/30-record-gift.spec.ts
+++ b/test-playwright/30-record-gift.spec.ts
@@ -27,7 +27,7 @@ test('Record something given', async ({ page }) => {
   await page.goto('./');
   await page.getByRole('heading', { name: 'Unnamed/Unknown' }).click();
   await page.getByPlaceholder('What was given').fill(finalTitle);
-  await page.getByRole('spinbutton').fill(randomNonZeroNumber.toString());
+  await page.getByRole('spinbutton', { id: 'inputGivenAmount' }).fill(randomNonZeroNumber.toString());
   await page.getByRole('button', { name: 'Sign & Send' }).click();
   await expect(page.getByText('That gift was recorded.')).toBeVisible();