Test passes only if Aspire is also running on the side.

[Kralizek]

I am experimenting a bit with Aspire Testing coupled with Playwright and I am getting a weird behavior.

This test only passes if I have the application running on the side of the stack created by the testing builder.

[Test]
[AutoDataProvider]
public async Task AddTodo_creates_new_todo_item(DistributedApplication app, ToDoItem item)
{
    var baseAddress = app.GetEndpoint("web");

    await Page.GotoAsync(baseAddress.ToString());

    const int priority = 3;

    await Page.FillAsync("input[name='title']", item.Title);
    await Page.FillAsync("textarea[name='description']", item.Description);
    await Page.FillAsync("input[name='priority']", priority.ToString());

    await Page.ClickAsync("button[type='submit']");

    var todoTitle = Page.Locator(".todo-card h3", new() { HasTextString = item.Title });
    await Expect(todoTitle).ToBeVisibleAsync();
    
    var newTodo = todoTitle.Locator("..").Locator("..");
    
    await Expect(newTodo).ToBeVisibleAsync();
    await Expect(newTodo.Locator("p").Filter(new() { HasTextString = item.Description })).ToBeVisibleAsync();
    await Expect(newTodo.Locator(".priority")).ToContainTextAsync($"Priority: {priority}");
}

This is how the distributed application is built:

private static async Task<DistributedApplication> CreateDistributedApplication()
{
    var builder = await DistributedApplicationTestingBuilder.CreateAsync<Projects.AppHost>();

    // builder.WithContainersLifetime(ContainerLifetime.Session);
    // builder.WithRandomVolumeNames();

    var application = await builder.BuildAsync();
    
    await application.StartAsync();
    
    using var cts = new CancellationTokenSource(TimeSpan.FromSeconds(20));
    
    await application.ResourceNotifications.WaitForResourceHealthyAsync("web", cts.Token);

    return application;
}

And, finally, this is the AppHost:

var builder = DistributedApplication.CreateBuilder(args);

var password = builder.AddParameter("DatabasePassword")
    .ExcludeFromManifest();

var username = builder.AddParameter("DatabaseUsername")
    .ExcludeFromManifest();

var db = builder.AddPostgres("db", password: password, userName: username, port: 54000)
    .WithImageTag("16")
    .WithLifetime(ContainerLifetime.Persistent)
    .WithDataVolume("todo-data")
    .WithPgAdmin()
    .AddDatabase("database", databaseName: "todo");

var api = builder.AddProject<Projects.API>("api")
    .WithReference(db)
    .WaitFor(db);

var web = builder.AddNpmApp("web", "../../client")
    .WaitFor(api)
    .WithHttpEndpoint(env: "PORT", port: 3182)
    .WithEnvironment("BROWSER", "none");

builder.Build().Run();

Ideally, I'd love the test to spin its own database container so that it doesn't pollute the one using at development time.

Here is the full repository: https://github.com/Kralizek/Todos

[Kralizek]

Sorry, I realized the client application wasn't getting the address from the environment variables.