Refactor dashboard automation tests and improve configuration handling

docs/fundamentals/dashboard/automation/aspire-dashboard/Aspire.Dashboard.ScreenCapture/AppHostTestFixture.cs

@@ -10,15 +10,19 @@ public async Task<DistributedApplication> ConfigureAsync<TEntryPoint>(
         string[]? args = null,
         Action<IDistributedApplicationTestingBuilder>? configureBuilder = null) where TEntryPoint : class
     {
+        if (App is not null)
+        {
+            return App;
+        }
+
         var builder = await DistributedApplicationTestingBuilder.CreateAsync<TEntryPoint>(
             args: args ?? [],
             configureBuilder: static (options, _) =>
             {
                 options.DisableDashboard = false;
+                options.AllowUnsecuredTransport = true;
             });
 
-        builder.Configuration["ASPIRE_ALLOW_UNSECURED_TRANSPORT"] = "true";
-
         configureBuilder?.Invoke(builder);
 
         App = await builder.BuildAsync();

docs/fundamentals/dashboard/automation/aspire-dashboard/Aspire.Dashboard.ScreenCapture/CaptureImages.cs

@@ -186,23 +186,25 @@ await InteractWithPageAsync(async page =>
             // Login to the dashboard
             await page.LoginAndWaitForRunningResourcesAsync(DashboardLoginToken);
 
-            var apiEllipsisButton = FluentDataGridSelector.Grid.Body.Row(3).Cell(6)
-                .Descendant("fluent-button:nth-of-type(3)");
-            await page.ClickAsync(apiEllipsisButton);
+            await page.ClickAsync(FluentDataGridSelector.Grid.Body.Row(3).Cell(6)
+                 .Descendant("fluent-button:nth-of-type(3)"));
 
             await page.HighlightElementAsync("fluent-anchored-region");
 
             await page.SaveExploreScreenshotAsync("resource-actions.png");
 
             await page.ClickAsync(DashboardSelectors.ResourcePage.ViewDetailsOption);
-            await page.ClickAsync(DashboardSelectors.ResourcePage.SplitPanel);
+            //await page.ClickAsync(DashboardSelectors.ResourcePage.SplitPanel);
 
-            await page.AdjustSplitPanelsGridTemplateAsync();
-            await page.ClickAndDragShadowRootElementAsync(
-                DashboardSelectors.SplitPanels, DashboardSelectors.MedianId, (0, 20));
+            //await page.AdjustSplitPanelsGridTemplateAsync();
+            //await page.ClickAndDragShadowRootElementAsync(
+            //    DashboardSelectors.SplitPanels, DashboardSelectors.MedianId, (0, 20));
             await page.RedactElementTextAsync(DashboardSelectors.ResourcePage.ResourceDetailsProjectPath);
 
-            await page.ClickAsync(apiEllipsisButton);
+            var apiEllipsisButton = FluentDataGridSelector.Grid.Body.Row(3).Cell(4)
+                .Descendant("fluent-button");
+
+            await page.ClickAsync(apiEllipsisButton, new() { Force = true });
             await page.HoverAsync(DashboardSelectors.ResourcePage.ViewDetailsOption);
             await page.HighlightElementAsync(DashboardSelectors.ResourcePage.ViewDetailsOption);
 
@@ -258,7 +260,7 @@ await InteractWithPageAsync(async page =>
     [Fact, Trait("Capture", "resource-errors")]
     public async Task CaptureResourcesWithErrorsImages()
     {
-        await ConfigureAsync<SampleAppHost>([ "API_THROWS_EXCEPTION=true" ]);
+        await ConfigureAsync<SampleAppHost>(["API_THROWS_EXCEPTION=true"]);
 
         await InteractWithPageAsync(async page =>
         {
@@ -447,7 +449,7 @@ await InteractWithPageAsync(async page =>
 
             // Delay beyond output cache, and invalidate then reload.
             await Task.Delay(2_250);
-            await webPage.ReloadAsync();
+            await webPage.ReloadAsync(new() { WaitUntil = WaitUntilState.NetworkIdle });
 
             await page.BringToFrontAsync();
 

docs/fundamentals/dashboard/automation/aspire-dashboard/Aspire.Dashboard.ScreenCapture/DashboardSelectors.cs

@@ -64,6 +64,6 @@ internal static class ResourcePage
         public const string StartResource = """fluent-button[title="Start resource"]""";
         public const string SplitPanel = """fluent-button[title="Split horizontal"]""";
 
-        public const string ResourceDetailsProjectPath = """fluent-accordion-item [title^="C:"]:last-of-type""";
+        public const string ResourceDetailsProjectPath = """fluent-accordion-item [title^="C:"]:last-of-type, fluent-accordion-item [title^="E:"]:last-of-type""";
     }
 }

docs/fundamentals/dashboard/automation/aspire-dashboard/Aspire.Dashboard.ScreenCapture/Extensions/PageExtensions.cs

@@ -147,7 +147,8 @@ await page.EvaluateAsync($$"""
 
     public static async Task LoginAsync(this IPage page, string token)
     {
-        var response = await page.GotoAsync($"/login?t={token}");
+        var response = await page.GotoAsync(
+          $"/login?t={token}", new() { WaitUntil = WaitUntilState.NetworkIdle });
 
         Assert.NotNull(response);
         Assert.True(response.Ok, $"Failed to navigate to login page: {response.Status}");

docs/fundamentals/dashboard/automation/aspire-dashboard/Aspire.Dashboard.ScreenCapture/FluentDataGridSelector.cs

@@ -1,5 +1,7 @@
-namespace Aspire.Dashboard.ScreenCapture;
+
+namespace Aspire.Dashboard.ScreenCapture;
 
+[DebuggerDisplay($"{{{nameof(GetDebuggerDisplay)}(),nq}}")]
 public class FluentDataGridSelector(string initialSelector)
 {
     private readonly StringBuilder _selector = new(initialSelector);
@@ -46,4 +48,6 @@ public FluentDataGridSelector Descendant(string selector)
 
     public static implicit operator string(FluentDataGridSelector fluentDataGridSelector) =>
         fluentDataGridSelector.ToString();
+
+    private string GetDebuggerDisplay() => ToString();
 }

docs/fundamentals/dashboard/automation/aspire-dashboard/Aspire.Dashboard.ScreenCapture/PlaywrightFixture.cs

@@ -11,7 +11,7 @@ public class PlaywrightFixture : IAsyncLifetime
 
     public async Task InitializeAsync()
     {
-        Assertions.SetDefaultExpectTimeout(10_000);
+        Assertions.SetDefaultExpectTimeout(30_000);
 
         _playwright = await Playwright.CreateAsync();
 

docs/fundamentals/dashboard/automation/aspire-dashboard/Aspire.Dashboard.ScreenCapture/PlaywrightTestsBase.cs

@@ -1,30 +1,54 @@
-namespace Aspire.Dashboard.ScreenCapture;
+using Aspire.Hosting.ApplicationModel;
+using Microsoft.AspNetCore.Hosting.Server;
+using Microsoft.AspNetCore.Hosting.Server.Features;
+using Microsoft.Extensions.DependencyInjection;
+
+namespace Aspire.Dashboard.ScreenCapture;
 
 public class PlaywrightTestsBase<TDashboardServerFixture>(AppHostTestFixture appHostTestFixture)
     : IClassFixture<TDashboardServerFixture>, IAsyncDisposable
         where TDashboardServerFixture : AppHostTestFixture
 {
     public AppHostTestFixture AppHostTestFixture { get; } = appHostTestFixture;
     public PlaywrightFixture PlaywrightFixture { get; } = appHostTestFixture.PlaywrightFixture;
-    public string? DashboardUrl { get; private set; }
+    public string? DashboardUrl { get; internal set; }
     public string DashboardLoginToken { get; private set; } = "";
 
     private IBrowserContext? _context;
 
-    public Task<DistributedApplication> ConfigureAsync<TEntryPoint>(
+    public async Task<DistributedApplication> ConfigureAsync<TEntryPoint>(
         string[]? args = null,
-        Action<IDistributedApplicationTestingBuilder>? configureBuilder = null) where TEntryPoint : class =>
-        AppHostTestFixture.ConfigureAsync<TEntryPoint>(args, builder =>
+        Action<IDistributedApplicationTestingBuilder>? configureBuilder = null) where TEntryPoint : class
+    {
+        var app = await AppHostTestFixture.ConfigureAsync<TEntryPoint>(args, builder =>
         {
-            var aspNetCoreUrls = builder.Configuration["ASPNETCORE_URLS"];
-            var urls = aspNetCoreUrls is not null ? aspNetCoreUrls.Split(";") : [];
-
-            DashboardUrl = urls.FirstOrDefault();
             DashboardLoginToken = builder.Configuration["AppHost:BrowserToken"] ?? "";
 
+            builder.Eventing.Subscribe<ResourceEndpointsAllocatedEvent>((@event, _) =>
+            {
+                if (@event.Resource.TryGetUrls(out var urls))
+                {
+                    DashboardUrl = urls.FirstOrDefault()?.ToString() ?? "";
+                }
+
+                return Task.CompletedTask;
+            });
+
             configureBuilder?.Invoke(builder);
         });
 
+        var server = app.Services.GetRequiredService<IServer>();
+        var addresses = server.Features.Get<IServerAddressesFeature>()?.Addresses;
+        if (addresses is not null)
+        {
+
+        }
+        var hostUrl = app.GetEndpoint("aspire-dashboard");
+        DashboardUrl = hostUrl.ToString();
+
+        return app;
+    }
+
     public async Task InteractWithPageAsync(Func<IPage, Task> test, ViewportSize? size = null)
     {
         var page = await CreateNewPageAsync(size);
@@ -33,6 +57,12 @@ public async Task InteractWithPageAsync(Func<IPage, Task> test, ViewportSize? si
         {
             await test(page);
         }
+        catch (Exception ex)
+        {
+            Console.Error.WriteLine($"Error during test interaction: {ex.Message}");
+
+            throw;
+        }
         finally
         {
             await page.CloseAsync();

docs/fundamentals/dashboard/automation/aspire-dashboard/AspireSample/AspireSample.ApiService/Program.cs

@@ -23,7 +23,7 @@
 
 app.MapGet("/weatherforecast", () =>
 {
-    if (builder.Configuration.GetValue<bool>("THROW_EXCEPTION"))
+    if (builder.Configuration.GetValue("THROW_EXCEPTION", false))
     {
         throw new ApplicationException("Error processing request");
     }