Another test case showing multiple aliases work

Author: SteveSandersonMS

src/Components/test/E2ETest/Tests/EventCustomArgsTest.cs

@@ -108,15 +108,40 @@ public void CanAliasBrowserEvent_StopPropagationIndependentOfNativeEvent()
         {
             var input = Browser.Exists(By.CssSelector("#test-event-target-child input"));
             Browser.FindElement(By.Id("register-custom-keydown")).Click();
+            Browser.FindElement(By.Id("register-yet-another-keydown")).Click();
             Browser.FindElement(By.Id("custom-keydown-stop-propagation")).Click();
             SendKeysSequentially(input, "ab");
 
             Browser.Equal(new[]
             {
-                // The native event still bubbles up to its listener on an ancestor, but the
-                // custom variant does not bubble up past the stopPropagation point
+                // The native event still bubbles up to its listener on an ancestor, and
+                // other aliased events still receive it, but the stopPropagation-ed
+                // variant does not
                 "Received native keydown event",
+                "Yet another aliased event received: a",
                 "Received native keydown event",
+                "Yet another aliased event received: b",
+            }, GetLogLines);
+
+            Assert.Equal("ab", input.GetAttribute("value"));
+        }
+
+        [Fact]
+        public void CanHaveMultipleAliasesForASingleBrowserEvent()
+        {
+            var input = Browser.Exists(By.CssSelector("#test-event-target-child input"));
+            Browser.FindElement(By.Id("register-custom-keydown")).Click();
+            Browser.FindElement(By.Id("register-yet-another-keydown")).Click();
+            SendKeysSequentially(input, "ab");
+
+            Browser.Equal(new[]
+            {
+                "Received native keydown event",
+                "You pressed: a",
+                "Yet another aliased event received: a",
+                "Received native keydown event",
+                "You pressed: b",
+                "Yet another aliased event received: b",
             }, GetLogLines);
 
             Assert.Equal("ab", input.GetAttribute("value"));

src/Components/test/testassets/BasicTestApp/EventCustomArgsComponent.razor

@@ -8,6 +8,7 @@
      @onkeydown="@(e => { LogMessage("Received native keydown event"); })"
      @ontestevent="@HandleTestEvent"
      @onkeydown.testvariant="@HandleCustomKeyDown"
+     @onkeydown.yetanother="@HandleYetAnotherKeyboardEvent"
      @oncustommouseover="@(e => { LogMessage("Received custom mouseover event"); })">
     Event target
     <div id="test-event-target-child" style="background: #afa; padding: 1em;">
@@ -44,6 +45,11 @@
     Register custom keydown event
 </button>
 
+<button id="register-yet-another-keydown"
+        onclick="Blazor.registerCustomEventType('keydown.yetanother', { browserEventName: 'keydown', createEventArgs: event => ({ youPressed: event.key }) })">
+    Register yet another custom keyboard event
+</button>
+
 <button id="register-custom-mouseover"
         onclick="Blazor.registerCustomEventType('custommouseover', { browserEventName: 'mouseover' })">
     Register custom mouseover event (which has no corresponding native listener)
@@ -88,4 +94,9 @@
     {
         LogMessage($"You pressed: {eventArgs.CustomKeyInfo}");
     }
+
+    void HandleYetAnotherKeyboardEvent(YetAnotherCustomKeyboardEventArgs eventArgs)
+    {
+        LogMessage($"Yet another aliased event received: {eventArgs.YouPressed}");
+    }
 }

src/Components/test/testassets/BasicTestApp/EventCustomArgsTypes.cs

@@ -5,6 +5,7 @@ namespace BasicTestApp.CustomEventTypesNamespace
 {
     [EventHandler("ontestevent", typeof(TestEventArgs), true, true)]
     [EventHandler("onkeydown.testvariant", typeof(TestKeyDownEventArgs), true, true)]
+    [EventHandler("onkeydown.yetanother", typeof(YetAnotherCustomKeyboardEventArgs), true, true)]
     [EventHandler("oncustommouseover", typeof(EventArgs), true, true)]
     public static class EventHandlers
     {
@@ -19,4 +20,9 @@ class TestKeyDownEventArgs : EventArgs
     {
         public string CustomKeyInfo { get; set; }
     }
+
+    class YetAnotherCustomKeyboardEventArgs : EventArgs
+    {
+        public string YouPressed { get; set; }
+    }
 }