Add E2E test for IBrowserFile.Name property mapping to verify file name vs form field name

Co-authored-by: javiercn <[email protected]>

Author: Copilot

src/Components/test/E2ETest/ServerRenderingTests/FormHandlingTests/FormWithParentBindingContextTest.cs

@@ -1365,10 +1365,39 @@ public void CanBindToFormWithFiles()
         Assert.Equal($"Profile Picture: {profilePicture.Name}", Browser.Exists(By.Id("profile-picture")).Text);
         Assert.Equal("Documents: 2", Browser.Exists(By.Id("documents")).Text);
         Assert.Equal("Images: 3", Browser.Exists(By.Id("images")).Text);
-        Assert.Equal("Header Photo: Model.HeaderPhoto", Browser.Exists(By.Id("header-photo")).Text);
+        Assert.Equal($"Header Photo: {headerPhoto.Name}", Browser.Exists(By.Id("header-photo")).Text);
         Assert.Equal("Total: 7", Browser.Exists(By.Id("form-collection")).Text);
     }
 
+    [Fact]
+    public void IBrowserFileNameReturnsFileNameNotFormFieldName()
+    {
+        // Create a file with a specific name to verify it's returned correctly
+        var testFile = TempFile.Create(_tempDirectory, "txt", "Test file content for name validation.");
+        
+        var dispatchToForm = new DispatchToForm(this)
+        {
+            Url = "forms/with-files",
+            FormCssSelector = "form",
+            FormIsEnhanced = false,
+            UpdateFormAction = () =>
+            {
+                // Upload file to HeaderPhoto field (which is an IBrowserFile)
+                // Form field name is "Model.HeaderPhoto" but file name should be testFile.Name
+                Browser.Exists(By.CssSelector("input[name='Model.HeaderPhoto']")).SendKeys(testFile.Path);
+            }
+        };
+        DispatchToFormCore(dispatchToForm);
+
+        // Verify that IBrowserFile.Name returns the actual file name, not the form field name
+        // Before the fix: would show "Header Photo: Model.HeaderPhoto" (form field name)
+        // After the fix: should show "Header Photo: {testFile.Name}" (actual file name)
+        Assert.Equal($"Header Photo: {testFile.Name}", Browser.Exists(By.Id("header-photo")).Text);
+        
+        // Ensure the file name is actually different from the form field name to validate the test
+        Assert.NotEqual("Model.HeaderPhoto", testFile.Name);
+    }
+
     [Theory]
     // [InlineData(true)] QuarantinedTest: https://github.com/dotnet/aspnetcore/issues/61882
     [InlineData(false)]