feat(ui-tests): add event log check element opacity

Author: Franz-Fischbach

ui-tests/PageObjects/LayoutPage.cs

@@ -6,6 +6,7 @@
 using UtTestsExperimentalConsoleAppication.PageObjects.Panes.EventLog;
 using UtTestsExperimentalConsoleAppication.PageObjects.Panes.VariableState;
 using UtTestsExperimentalConsoleAppication.PageObjects.Panes.CallTrace;
+using UtTestsExperimentalConsoleAppication.Utils;
 
 namespace UtTestsExperimentalConsoleAppication.PageObjects;
 
@@ -20,6 +21,39 @@ public class LayoutPage : BasePage
 
     public LayoutPage(IPage page) : base(page) { }
 
+    public Task WaitForFilesystemLoadedAsync() =>
+        RetryHelpers.RetryAsync(async () =>
+            await Page.Locator("div[id^='filesystemComponent-']").CountAsync() > 0);
+
+    public Task WaitForStateLoadedAsync() =>
+        RetryHelpers.RetryAsync(async () =>
+            await Page.Locator("div[id^='stateComponent-']").CountAsync() > 0);
+
+    public Task WaitForCallTraceLoadedAsync() =>
+        RetryHelpers.RetryAsync(async () =>
+            await Page.Locator("div[id^='calltraceComponent-']").CountAsync() > 0);
+
+    public Task WaitForEventLogLoadedAsync() =>
+        RetryHelpers.RetryAsync(async () =>
+            await Page.Locator("div[id^='eventLogComponent-']").CountAsync() > 0);
+
+    public Task WaitForEditorLoadedAsync() =>
+        RetryHelpers.RetryAsync(async () =>
+            await Page.Locator("div[id^='editorComponent-']").CountAsync() > 0);
+
+    public Task WaitForAllComponentsLoadedAsync()
+    {
+        var waits = new[]
+        {
+            // WaitForFilesystemLoadedAsync(),
+            // WaitForStateLoadedAsync(),
+            // WaitForCallTraceLoadedAsync(),
+            // WaitForEventLogLoadedAsync(),
+            WaitForEditorLoadedAsync()
+        };
+        return Task.WhenAll(waits);
+    }
+
     #region Debug Buttons
     public ILocator RunToEntryButton() => Page.Locator("#run-to-entry-debug");
     public ILocator ContinueButton() => Page.Locator("#continue-debug");

ui-tests/Tests/FailedTestException.cs

@@ -0,0 +1,12 @@
+using System;
+
+namespace UtTestsExperimentalConsoleAppication.Tests
+{
+    /// <summary>
+    /// Exception thrown when a test condition is not met.
+    /// </summary>
+    public class FailedTestException : Exception
+    {
+        public FailedTestException(string message) : base(message) { }
+    }
+}

ui-tests/Tests/ProgramSpecific/NoirSpaceShipTests.cs

@@ -1,6 +1,13 @@
-
+using System;
+using System.Collections.Generic;
+using System.Globalization;
+using System.Linq;
+using System.Threading.Tasks;
 using Microsoft.Playwright;
 using UtTestsExperimentalConsoleAppication.PageObjects;
+using UtTestsExperimentalConsoleAppication.PageObjects.Panes.EventLog;
+using UtTestsExperimentalConsoleAppication.Utils;
+using UtTestsExperimentalConsoleAppication.Tests;
 
 public static class NoirSpaceShipTests
 {
@@ -10,7 +17,11 @@ public static class NoirSpaceShipTests
     public static async Task EditorLoadedMainNrFile(IPage page)
     {    
         var layout = new LayoutPage(page);
+
+        await layout.WaitForAllComponentsLoadedAsync();
+        
         var editors = await layout.EditorTabsAsync();
+        
         if (!editors.Any(e => e.TabButtonText == "src/main.nr"))
         {
             throw new Exception("Expected editor tab 'src/main.nr' not found.");
@@ -20,18 +31,59 @@ public static async Task EditorLoadedMainNrFile(IPage page)
     public static async Task JumpToAllEvents(IPage page)
     {
         var layout = new LayoutPage(page);
+        await layout.WaitForAllComponentsLoadedAsync();
 
         var eventLogs = await layout.EventLogTabsAsync();
         foreach (var tab in eventLogs)
         {
             if (!await tab.IsVisibleAsync()) { continue; }
 
-            var events = await tab.EventElementsAsync();
-            foreach (var e in events)
+            var events = (await tab.EventElementsAsync()).ToList();
+            if (!await EventsInExpectedState(events, -1))
+            {
+                throw new FailedTestException("Events were expected to be greyed out initially.");
+            }
+
+            for (int i = 0; i < events.Count; i++)
             {
-                // jump to an event by clicking on it
-                await e._root.ClickAsync();
+                await events[i]._root.ClickAsync();
+                await RetryHelpers.RetryAsync(async () =>
+                    (await events[i]._root.GetAttributeAsync("class"))?.Contains("active") == true);
+
+                if (!await EventsInExpectedState(events, i))
+                {
+                    throw new FailedTestException($"Event state mismatch after jumping to index {i}.");
+                }
             }
         }
     }
+
+    private static async Task<bool> EventsInExpectedState(IReadOnlyList<EventRow> events, int currentIndex)
+    {
+        for (int i = 0; i < events.Count; i++)
+        {
+            var classes = await events[i]._root.GetAttributeAsync("class") ?? string.Empty;
+            var opacityStr = await events[i]._root.EvaluateAsync<string>("el => window.getComputedStyle(el).opacity");
+            var opacity = double.Parse(opacityStr, CultureInfo.InvariantCulture);
+
+            if (currentIndex < 0)
+            {
+                if (!classes.Contains("future") || opacity >= 1) return false;
+            }
+            else if (i < currentIndex)
+            {
+                if (!classes.Contains("past") || opacity < 1) return false;
+            }
+            else if (i == currentIndex)
+            {
+                if (!classes.Contains("active") || opacity < 1) return false;
+            }
+            else
+            {
+                if (!classes.Contains("future") || opacity >= 1) return false;
+            }
+        }
+
+        return true;
+    }
 }

ui-tests/Tests/TestRunner.cs

@@ -24,8 +24,9 @@ public static async Task RunAsync()
 
         // await PageObjectTests.PageObjectsSmokeTestAsync(page);
 
-        await NoirSpaceShipTests.EditorLoadedMainNrFile(page);
         await NoirSpaceShipTests.JumpToAllEvents(page);
+        await NoirSpaceShipTests.EditorLoadedMainNrFile(page);
+
 
         await browser.CloseAsync();
     }

ui-tests/Utils/RetryHelpers.cs

@@ -16,7 +16,7 @@ public static class RetryHelpers
     /// <param name="maxAttempts">Maximum number of attempts.</param>
     /// <param name="delayMs">Delay in milliseconds between attempts.</param>
     /// <exception cref="TimeoutException">Thrown when the condition never evaluates to <c>true</c>.</exception>
-    public static async Task RetryAsync(Func<Task<bool>> condition, int maxAttempts = 50, int delayMs = 100)
+    public static async Task RetryAsync(Func<Task<bool>> condition, int maxAttempts = 20, int delayMs = 500)
     {
         for (int attempt = 0; attempt < maxAttempts; attempt++)
         {