Updates

- Comments added
- Testing focus and blur functionalities

COMET.Web.Common.Tests/Components/LoginTestFixture.cs

@@ -25,6 +25,8 @@
 
 namespace COMET.Web.Common.Tests.Components
 {
+    using AngleSharp.Dom;
+
     using Bunit;
 
     using COMET.Web.Common.Components;
@@ -36,8 +38,9 @@ namespace COMET.Web.Common.Tests.Components
     using COMET.Web.Common.ViewModels.Components;
 
     using Microsoft.AspNetCore.Components.Forms;
+    using Microsoft.AspNetCore.Components.Web;
     using Microsoft.Extensions.DependencyInjection;
-
+    using Microsoft.JSInterop;
     using Moq;
 
     using NUnit.Framework;
@@ -70,6 +73,36 @@ public void Teardown()
             this.context.CleanContext();
         }
 
+        [Test]
+        public async Task VerifyFocusingAndBluring()
+        {
+            var renderer = this.context.RenderComponent<Login>();
+
+            Assert.That(renderer.Instance.FieldsFocusedStatus, Is.EqualTo(new Dictionary<string, bool>()
+            {
+                { "SourceAddress", false },
+                { "UserName", false },
+                { "Password", false }
+            }));
+
+            Assert.IsFalse(renderer.Instance.FieldsFocusedStatus["UserName"]);
+            const string fieldToFocusOn = "Username";
+
+            renderer.Instance.HandleFieldFocus(fieldToFocusOn);
+
+            foreach (var fieldStatus in renderer.Instance.FieldsFocusedStatus)
+            {
+                Assert.That(fieldStatus.Value, fieldStatus.Key == fieldToFocusOn ? Is.True : Is.False);
+            }
+
+            renderer.Instance.HandleFieldBlur(fieldToFocusOn);
+
+            foreach (var fieldStatus in renderer.Instance.FieldsFocusedStatus)
+            {
+                Assert.That(fieldStatus.Value, Is.False);
+            }
+        }
+
         [Test]
         public async Task VerifyPerformLogin()
         {

COMET.Web.Common/Components/Login.razor

@@ -62,8 +62,6 @@
         </DxFormLayoutItem>
     </DxFormLayout>
 
-    <!-- <ValidationSummary/> -->
-
     <ul class="validation-errors">
         @foreach (var fieldFocusedStatus in this.fieldsFocusedStatus)
         {

COMET.Web.Common/Components/Login.razor.cs

@@ -146,17 +146,17 @@ private async Task ExecuteLogin()
         /// <summary>
         /// Handles the focus event of the given fieldName
         /// </summary>
-        /// <param name="fieldName"></param>
-        private void HandleFieldFocus(string fieldName)
+        /// <param name="fieldName">Form field name, as indexed in <see cref="FieldsFocusedStatus"/></param>
+        public void HandleFieldFocus(string fieldName)
         {
             this.fieldsFocusedStatus[fieldName] = true; // Set the field as focused
         }
 
         /// <summary>
         /// Handles the blur event of the given fieldName
         /// </summary>
-        /// <param name="fieldName"></param>
-        private void HandleFieldBlur(string fieldName)
+        /// <param name="fieldName">Form field name, as indexed in <see cref="FieldsFocusedStatus"/></param>
+        public void HandleFieldBlur(string fieldName)
         {
             this.fieldsFocusedStatus[fieldName] = false; // Set the field as not focused when it loses focus
         }