Add ID attributes to all interactive elements for Playwright test selectors

Co-authored-by: StuartFerguson <16325469+StuartFerguson@users.noreply.github.com>

Author: Copilot

EstateManagementUI.BlazorServer/Components/Layout/NavMenu.razor

@@ -1,5 +1,5 @@
 <nav class="px-2 space-y-2">
-    <NavLink class="nav-menu-item group" href="" Match="NavLinkMatch.All">
+    <NavLink id="dashboardLink" class="nav-menu-item group" href="" Match="NavLinkMatch.All">
         <span class="nav-menu-icon">
             <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path>
@@ -8,7 +8,7 @@
         <span class="nav-menu-text">Dashboard</span>
     </NavLink>
 
-    <NavLink class="nav-menu-item group" href="estate">
+    <NavLink id="estateDetailsLink" class="nav-menu-item group" href="estate">
         <span class="nav-menu-icon">
             <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path>
@@ -17,7 +17,7 @@
         <span class="nav-menu-text">Estate Management</span>
     </NavLink>
 
-    <NavLink class="nav-menu-item group" href="merchants">
+    <NavLink id="merchantsLink" class="nav-menu-item group" href="merchants">
         <span class="nav-menu-icon">
             <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
@@ -26,7 +26,7 @@
         <span class="nav-menu-text">Merchant Management</span>
     </NavLink>
 
-    <NavLink class="nav-menu-item group" href="contracts">
+    <NavLink id="contractsLink" class="nav-menu-item group" href="contracts">
         <span class="nav-menu-icon">
             <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
@@ -35,7 +35,7 @@
         <span class="nav-menu-text">Contract Management</span>
     </NavLink>
 
-    <NavLink class="nav-menu-item group" href="operators">
+    <NavLink id="operatorsLink" class="nav-menu-item group" href="operators">
         <span class="nav-menu-icon">
             <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"></path>
@@ -44,7 +44,7 @@
         <span class="nav-menu-text">Operator Management</span>
     </NavLink>
 
-    <NavLink class="nav-menu-item group" href="file-processing">
+    <NavLink id="fileProcessingLink" class="nav-menu-item group" href="file-processing">
         <span class="nav-menu-icon">
             <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>

EstateManagementUI.BlazorServer/Components/Pages/Contracts/Index.razor

@@ -9,7 +9,7 @@
     <!-- Page Header -->
     <div class="flex items-center justify-between">
         <h1 class="text-2xl font-bold text-gray-900">Contract Management</h1>
-        <button class="btn btn-primary" @onclick='() => NavigationManager.NavigateTo("/contracts/new")'>
+        <button id="newContractButton" class="btn btn-primary" @onclick='() => NavigationManager.NavigateTo("/contracts/new")'>
             <svg class="w-5 h-5 inline-block mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
             </svg>

EstateManagementUI.BlazorServer/Components/Pages/Contracts/New.razor

@@ -75,7 +75,7 @@
                 <button type="button" class="btn btn-secondary" @onclick="Cancel" disabled="@isSaving">
                     Cancel
                 </button>
-                <button type="submit" class="btn btn-primary" disabled="@isSaving">
+                <button id="createContractButton" type="submit" class="btn btn-primary" disabled="@isSaving">
                     @if (isSaving)
                     {
                         <span class="inline-block animate-spin rounded-full h-4 w-4 border-b-2 border-white mr-2"></span>

EstateManagementUI.BlazorServer/Components/Pages/EntryScreen.razor

@@ -131,7 +131,7 @@
             <!-- Sign In Section -->
             <div class="mt-12 text-center">
                 <p class="text-gray-600 mb-4">Sign in to access all features</p>
-                <a href="/login" class="inline-flex items-center px-8 py-3 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-lg shadow-md transition-colors duration-150">
+                <a id="loginButton" href="/login" class="inline-flex items-center px-8 py-3 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-lg shadow-md transition-colors duration-150">
                     <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"></path>
                     </svg>

EstateManagementUI.BlazorServer/Components/Pages/EstateInfo.razor

@@ -40,7 +40,7 @@
                 <div class="bg-gray-50 rounded-lg p-6 text-center">
                     <p class="text-gray-700 mb-4">Sign in to access full estate management features</p>
                     <div class="flex justify-center space-x-4">
-                        <a href="/login" class="inline-flex items-center px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-lg shadow-md transition-colors duration-150">
+                        <a id="loginButton" href="/login" class="inline-flex items-center px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-lg shadow-md transition-colors duration-150">
                             <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"></path>
                             </svg>

EstateManagementUI.BlazorServer/Components/Pages/FileInfo.razor

@@ -40,7 +40,7 @@
                 <div class="bg-gray-50 rounded-lg p-6 text-center">
                     <p class="text-gray-700 mb-4">Sign in to access full file processing features</p>
                     <div class="flex justify-center space-x-4">
-                        <a href="/login" class="inline-flex items-center px-6 py-3 bg-teal-600 hover:bg-teal-700 text-white font-semibold rounded-lg shadow-md transition-colors duration-150">
+                        <a id="loginButton" href="/login" class="inline-flex items-center px-6 py-3 bg-teal-600 hover:bg-teal-700 text-white font-semibold rounded-lg shadow-md transition-colors duration-150">
                             <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"></path>
                             </svg>

EstateManagementUI.BlazorServer/Components/Pages/MerchantInfo.razor

@@ -40,7 +40,7 @@
                 <div class="bg-gray-50 rounded-lg p-6 text-center">
                     <p class="text-gray-700 mb-4">Sign in to access full merchant management features</p>
                     <div class="flex justify-center space-x-4">
-                        <a href="/login" class="inline-flex items-center px-6 py-3 bg-green-600 hover:bg-green-700 text-white font-semibold rounded-lg shadow-md transition-colors duration-150">
+                        <a id="loginButton" href="/login" class="inline-flex items-center px-6 py-3 bg-green-600 hover:bg-green-700 text-white font-semibold rounded-lg shadow-md transition-colors duration-150">
                             <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"></path>
                             </svg>

EstateManagementUI.BlazorServer/Components/Pages/Merchants/Index.razor

@@ -9,7 +9,7 @@
     <!-- Page Header -->
     <div class="flex items-center justify-between">
         <h1 class="text-2xl font-bold text-gray-900">Merchant Management</h1>
-        <button class="btn btn-primary" @onclick="NavigateToNewMerchant">
+        <button id="newMerchantButton" class="btn btn-primary" @onclick="NavigateToNewMerchant">
             <svg class="w-5 h-5 inline-block mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
             </svg>

EstateManagementUI.BlazorServer/Components/Pages/Merchants/New.razor

@@ -150,7 +150,7 @@
                 <button type="button" class="btn btn-secondary" @onclick="Cancel" disabled="@isSaving">
                     Cancel
                 </button>
-                <button type="submit" class="btn btn-primary" disabled="@isSaving">
+                <button id="createMerchantButton" type="submit" class="btn btn-primary" disabled="@isSaving">
                     @if (isSaving)
                     {
                         <span class="inline-block animate-spin rounded-full h-4 w-4 border-b-2 border-white mr-2"></span>

EstateManagementUI.BlazorServer/Components/Pages/Operators/Index.razor

@@ -9,7 +9,7 @@
     <!-- Page Header -->
     <div class="flex items-center justify-between">
         <h1 class="text-2xl font-bold text-gray-900">Operator Management</h1>
-        <button class="btn btn-primary" @onclick='() => NavigationManager.NavigateTo("/operators/new")'>
+        <button id="newOperatorButton" class="btn btn-primary" @onclick='() => NavigationManager.NavigateTo("/operators/new")'>
             <svg class="w-5 h-5 inline-block mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
             </svg>