Simplifies UI tests and configures backend URLs

Updates the UI tests to directly wait for the URL after button clicks, removing the need for explicit wait states and forced clicks.

Changes the way the backend URL is configured in the AppHost to use environment variables that are more standard and easier to configure. This change makes the application more flexible and easier to deploy in different environments.

Author: Keboo

ReactApp.AppHost/AppHost.cs

@@ -53,8 +53,8 @@
     .WithHttpEndpoint(env: "PORT")
     .WithExternalHttpEndpoints()
     .WithDependency(backend)
-    .WithEnvironment("services__ReactApp-backend__http__0", backend.GetEndpoint("http"))
-    .WithEnvironment("services__ReactApp-backend__https__0", backend.GetEndpoint("https"));
+    .WithEnvironment("REACTAPP_BACKEND_HTTP", backend.GetEndpoint("http"))
+    .WithEnvironment("REACTAPP_BACKEND_HTTPS", backend.GetEndpoint("https"));
 
 if (builder.ExecutionContext.IsPublishMode)
 {

ReactApp.UITests/PageObjects/LoginPage.cs

@@ -18,24 +18,8 @@ public async Task LoginAsync(string email, string password)
         await EmailInput.FillAsync(email);
         await PasswordInput.FillAsync(password);
 
-        // Ensure the button is ready (React might still be attaching event handlers)
-        await LoginButton.WaitForAsync(new LocatorWaitForOptions 
-        { 
-            State = WaitForSelectorState.Visible,
-            Timeout = 5000 
-        });
-        
-        // Wait for navigation to my-rooms after submitting the form
-        // Use force: true to bypass actionability checks that may fail on Linux
-        await Page.RunAndWaitForNavigationAsync(async () =>
-        {
-            await LoginButton.ClickAsync(new LocatorClickOptions { Force = true });
-        }, new PageRunAndWaitForNavigationOptions
-        {
-            UrlString = "**/my-rooms",
-            Timeout = 30000,
-            WaitUntil = WaitUntilState.Load  // Use Load instead of NetworkIdle for better Linux compatibility
-        });
+        await LoginButton.ClickAsync();
+        await Page.WaitForURLAsync("**/my-rooms", new PageWaitForURLOptions { Timeout = 30000 });
     }
 
     public async Task<bool> IsLoggedInAsync()

ReactApp.UITests/PageObjects/RegisterPage.cs

@@ -20,24 +20,8 @@ public async Task RegisterAsync(string email, string password)
         await PasswordInput.FillAsync(password);
         await ConfirmPasswordInput.FillAsync(password);
 
-        // Ensure the button is ready (React might still be attaching event handlers)
-        await RegisterButton.WaitForAsync(new LocatorWaitForOptions 
-        { 
-            State = WaitForSelectorState.Visible,
-            Timeout = 5000 
-        });
-        
-        // Wait for navigation to my-rooms after submitting the form
-        // Use force: true to bypass actionability checks that may fail on Linux
-        await Page.RunAndWaitForNavigationAsync(async () =>
-        {
-            await RegisterButton.ClickAsync(new LocatorClickOptions { Force = true });
-        }, new PageRunAndWaitForNavigationOptions
-        {
-            UrlString = "**/my-rooms",
-            Timeout = 30000,
-            WaitUntil = WaitUntilState.Load  // Use Load instead of NetworkIdle for better Linux compatibility
-        });
+        await RegisterButton.ClickAsync();
+        await Page.WaitForURLAsync("**/my-rooms", new PageWaitForURLOptions { Timeout = 30000 });
     }
 
     public async Task<bool> IsConfirmationMessageVisibleAsync()

ReactApp.Web/.gitignore

@@ -10,6 +10,7 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
+dev-dist
 *.local
 
 # Editor directories and files