Fix MouseOverAndMouseOut_CanTrigger (#54389)

Author: MackinnonBuck

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

@@ -73,7 +73,7 @@ public void MouseOverAndMouseOut_CanTrigger()
         var output = Browser.Exists(By.Id("output"));
         Assert.Equal(string.Empty, output.Text);
 
-        var other = Browser.Exists(By.Id("other"));
+        var other = Browser.Exists(By.Id("mouseover_label"));
 
         // Mouse over the button and then back off
         var actions = new Actions(Browser)
@@ -155,8 +155,6 @@ public void MouseDownAndMouseUp_CanTrigger()
         var output = Browser.Exists(By.Id("output"));
         Assert.Equal(string.Empty, output.Text);
 
-        var other = Browser.Exists(By.Id("other"));
-
         // Mousedown
         var actions = new Actions(Browser).ClickAndHold(input);
 

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

@@ -7,7 +7,8 @@
         Output: <span id="output">@message</span>
     </p>
     <p>
-        Mouseover: <input id="mouseover_input" type="text" @onmouseover="OnMouseEvent" @onmouseout="OnMouseEvent" />
+        @* We use the label here as a target for the "mouseout" event *@
+        <span id="mouseover_label">Mouseover:</span> <input id="mouseover_input" type="text" @onmouseover="OnMouseEvent" @onmouseout="OnMouseEvent" />
     </p>
     <p>
         Mouseenter: <input id="mouseenter_input" type="text" @onmouseenter="OnMouseEvent" @onmouseleave="OnMouseEvent" />