From d3edeb68edeb3ec368e8563bf6d1a18e804a89f5 Mon Sep 17 00:00:00 2001
From: Coracle-Bot <npub1klq6260@nostr.local>
Date: Wed, 30 Sep 2026 08:03:49 +0000
Subject: [PATCH] Name the profile form inputs so a spec can ask for one

---
 e2e/specs/onboarding.spec.ts              |  2 +-
 e2e/specs/people.spec.ts                  |  2 +-
 src/app/components/ProfileEditForm.svelte | 15 +++++++++++----
 3 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/e2e/specs/onboarding.spec.ts b/e2e/specs/onboarding.spec.ts
index 778f0483..5c89eff2 100644
--- a/e2e/specs/onboarding.spec.ts
+++ b/e2e/specs/onboarding.spec.ts
@@ -66,7 +66,7 @@ test("US-002 sign up by generating a new key", async ({seed, visit}) => {
   await page.getByRole("button", {name: "Create an account"}).click()
   await page.getByRole("button", {name: "Generate a key"}).click()
 
-  await page.locator('input[type="text"]').fill("Nova Tester")
+  await page.getByRole("textbox", {name: "Nickname"}).fill("Nova Tester")
   await page.getByRole("button", {name: "Create Account"}).click()
 
   await expect(page.getByRole("heading", {name: "Backup your Key"})).toHaveCount(0)
diff --git a/e2e/specs/people.spec.ts b/e2e/specs/people.spec.ts
index a8a4b8a7..9f3c4ecf 100644
--- a/e2e/specs/people.spec.ts
+++ b/e2e/specs/people.spec.ts
@@ -283,7 +283,7 @@ test("US-078 edit your own profile", async ({seed, as}) => {
   await edit.click()
 
   const form = page.locator("form").first()
-  const nickname = form.locator('input[type="text"]').first()
+  const nickname = form.getByRole("textbox", {name: "Nickname"})
   const about = form.locator("textarea")
   const picker = page.locator('label[aria-label="Drag and drop files here."]')
 
diff --git a/src/app/components/ProfileEditForm.svelte b/src/app/components/ProfileEditForm.svelte
index 2b14c226..246c7f4a 100644
--- a/src/app/components/ProfileEditForm.svelte
+++ b/src/app/components/ProfileEditForm.svelte
@@ -84,7 +84,7 @@
       {#snippet input()}
         <label class="input flex w-full items-center gap-2">
           <Icon icon={UserCircle} />
-          <input bind:value={values.profile.name} class="grow" type="text" />
+          <input bind:value={values.profile.name} class="grow" type="text" aria-label="Nickname" />
         </label>
       {/snippet}
       {#snippet info()}
@@ -96,8 +96,11 @@
         <p>About You</p>
       {/snippet}
       {#snippet input()}
-        <textarea class="textarea input leading-4 w-full" rows="5" bind:value={values.profile.about}
-        ></textarea>
+        <textarea
+          class="textarea input leading-4 w-full"
+          rows="5"
+          bind:value={values.profile.about}
+          aria-label="About You"></textarea>
       {/snippet}
       {#snippet info()}
         Give a brief introduction to why you're here.
@@ -140,7 +143,11 @@
         {#snippet input()}
           <label class="input flex w-full items-center gap-2">
             <Icon icon={MapPoint} />
-            <input bind:value={values.profile.nip05} class="grow" type="text" />
+            <input
+              bind:value={values.profile.nip05}
+              class="grow"
+              type="text"
+              aria-label="Nostr Address" />
           </label>
         {/snippet}
         {#snippet info()}