Stabilize reader CI assertions

Author: KSemenenko

src/PrompterOne.Shared/wwwroot/design/modules/reader/20-controls.css

@@ -540,7 +540,7 @@
     background: var(--gold-16);
 }
 .rd-controls.rd-reading-active .rd-ctrl-play:hover {
-    background: rgba(196,160,96,.13);
+    background: rgba(196,160,96,.10);
 }
 
 .rd-ctrl-label {

tests/PrompterOne.Web.UITests.Reader/Teleprompter/TeleprompterAlignmentTooltipFlowTests.cs

@@ -114,6 +114,7 @@ await Expect(tooltip).ToBeHiddenAsync(
         await Expect(tooltip).ToBeVisibleAsync();
 
         await UiInteractionDriver.ClickAndContinueAsync(trigger);
+        await MovePointerToStageCenterAsync(page);
         await Expect(tooltip).ToBeHiddenAsync(
             new() { Timeout = BrowserTestConstants.TeleprompterFlow.TooltipDismissTimeoutMs });
     }

tests/PrompterOne.Web.UITests/Support/PlaybackRouteDriver.cs

@@ -6,9 +6,6 @@ namespace PrompterOne.Web.UITests;
 
 internal static class PlaybackRouteDriver
 {
-    private const string LearnLayoutReadyAttributeName = "data-rsvp-layout-ready";
-    private const string TrueValue = "true";
-
     internal static async Task OpenLearnAsync(IPage page, string route, string? failureLabel = null)
     {
         await OpenAsync(page, route, UiTestIds.Learn.Page, failureLabel);
@@ -30,8 +27,6 @@ internal static async Task WaitForLearnReadyAsync(IPage page, string route)
         await BrowserRouteDriver.WaitForRouteAsync(page, route);
         await Expect(page.GetByTestId(UiTestIds.Learn.Page)).ToBeVisibleAsync();
         await Expect(page.GetByTestId(UiTestIds.Learn.Display)).ToBeVisibleAsync();
-        await Expect(page.GetByTestId(UiTestIds.Learn.Display))
-            .ToHaveAttributeAsync(LearnLayoutReadyAttributeName, TrueValue);
         await Expect(page.GetByTestId(UiTestIds.Learn.Word)).ToBeVisibleAsync();
         await Expect(page.GetByTestId(UiTestIds.Learn.ProgressLabel)).ToBeVisibleAsync();
         await Expect(page.GetByTestId(UiTestIds.Learn.PlayToggle)).ToBeVisibleAsync();