Stabilize editor cue hover verification

Author: KSemenenko

src/PrompterOne.Shared/wwwroot/editor/editor-monaco.js

@@ -557,6 +557,40 @@ function ensureHarness(options) {
                 y: editorBounds.top + visiblePosition.top + (visiblePosition.height / 2)
             };
         },
+        getRenderedDecorationCoordinates: (testId, className, textContent) => {
+            const state = getRequiredHarnessState(testId);
+            const token = String(className ?? emptyValue).trim().replace(/^\./, emptyValue);
+            if (!/^[a-zA-Z0-9_-]+$/.test(token)) {
+                return null;
+            }
+
+            state.editor.render(true);
+            const editorNode = state.editor.getDomNode();
+            if (!editorNode) {
+                return null;
+            }
+
+            const expectedText = String(textContent ?? emptyValue).trim();
+            const elements = Array.from(editorNode.querySelectorAll(`.${token}`));
+            const element = elements.find(candidate => {
+                const bounds = candidate.getBoundingClientRect();
+                if (bounds.width <= 0 || bounds.height <= 0) {
+                    return false;
+                }
+
+                return !expectedText || String(candidate.textContent ?? emptyValue).includes(expectedText);
+            });
+            if (!element) {
+                return null;
+            }
+
+            const bounds = element.getBoundingClientRect();
+            return {
+                height: bounds.height,
+                x: bounds.left + (bounds.width / 2),
+                y: bounds.top + (bounds.height / 2)
+            };
+        },
         setSelection: async (testId, start, end, revealSelection = true, selectionDirection = undefined) => {
             const state = getRequiredHarnessState(testId);
             applySelection(state, start ?? 0, end ?? 0, revealSelection !== false, selectionDirection);

tests/PrompterOne.Web.UITests.Editor/Editor/EditorCueRenderingFlowTests.cs

@@ -213,9 +213,9 @@ await page.WaitForFunctionAsync(
             await Assert.That(energyHover!.Contents).Contains(content => content.Contains("Energy contour", StringComparison.Ordinal));
             await Assert.That(melodyHover!.Contents).Contains(content => content.Contains("Melody contour", StringComparison.Ordinal));
 
-            var energyPoint = await EditorMonacoDriver.GetPositionCoordinatesAsync(page, 5, FindColumn(contourLine, "steady"));
+            var energyPoint = await EditorMonacoDriver.GetRenderedDecorationCoordinatesAsync(page, "po-inline-energy", "steady");
             await page.Mouse.MoveAsync((float)energyPoint.X, (float)energyPoint.Y);
-            await Expect(page.Locator(".monaco-hover").First).ToContainTextAsync("Energy contour", new()
+            await Expect(page.Locator(".monaco-hover:not(.hidden)").First).ToContainTextAsync("Energy contour", new()
             {
                 Timeout = BrowserTestConstants.Timing.DefaultVisibleTimeoutMs
             });

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

@@ -165,6 +165,18 @@ internal static async Task<EditorMonacoPositionCoordinates> GetPositionCoordinat
         return coordinates!;
     }
 
+    internal static async Task<EditorMonacoPositionCoordinates> GetRenderedDecorationCoordinatesAsync(IPage page, string className, string textContent)
+    {
+        var coordinates = await InvokeHarnessAsync<EditorMonacoPositionCoordinates?>(page, "getRenderedDecorationCoordinates", new
+        {
+            className,
+            textContent
+        });
+
+        await Assert.That(coordinates).IsNotNull();
+        return coordinates!;
+    }
+
     internal static async Task<EditorMonacoTokenizedLine> TokenizeLineAsync(IPage page, int lineNumber)
     {
         var tokenizedLine = await InvokeHarnessAsync<EditorMonacoTokenizedLine?>(page, "tokenizeLine", new