merge: stack widget modernization on dnd kit

e2e/shared/assertions/onboarding-assertions.ts

@@ -57,6 +57,6 @@ export class OnboardingAssertions {
   }
 
   public async assertFinishStepVisibleAsync() {
-    await this.page.waitForSelector("text=completed the setup", { timeout: 15000 });
+    await this.page.waitForSelector("text=completed the setup", { timeout: 30_000 });
   }
 }

e2e/shared/create-homarr-container.ts

@@ -1,5 +1,5 @@
 import { GenericContainer, Wait } from "testcontainers";
-import { Environment } from "testcontainers/build/types";
+import type { Environment } from "testcontainers/build/types";
 
 export const createHomarrContainer = (
   options: {
@@ -10,11 +10,13 @@ export const createHomarrContainer = (
     };
   } = {},
 ) => {
-  if (!process.env.CI) {
-    throw new Error("This test should only be run in CI or with a homarr image named 'homarr-e2e'");
+  const configuredImage = process.env.HOMARR_E2E_IMAGE?.trim();
+  const image = configuredImage || "homarr-e2e";
+  if (!process.env.CI && !configuredImage) {
+    throw new Error(`This test should only be run in CI or with a local Homarr image (configured: '${image}')`);
   }
 
-  const container = new GenericContainer("homarr-e2e")
+  const container = new GenericContainer(image)
     .withExposedPorts(7575)
     .withEnvironment({
       ...options.environment,

e2e/shared/mock-api-server.ts

@@ -1,35 +1,50 @@
 import { createServer } from "node:http";
+import { getContainerRuntimeClient, TestContainers } from "testcontainers";
 
 import type { Server } from "node:http";
 
+const TESTCONTAINERS_SSHD_LABEL = "org.testcontainers.sshd";
+
 export interface MockApiServer {
   url: string;
-  port: number;
   close: () => Promise<void>;
 }
 
-export const startMockApiServerAsync = async (responseBody: unknown): Promise<MockApiServer> => {
+export async function startMockApiServerAsync(responseBody: unknown): Promise<MockApiServer> {
   const body = JSON.stringify(responseBody);
-
   const server: Server = await new Promise((resolve) => {
-    const s = createServer((_req, res) => {
-      res.writeHead(200, { "Content-Type": "application/json" });
-      res.end(body);
+    const candidate = createServer((_request, response) => {
+      response.writeHead(200, { "content-type": "application/json" });
+      response.end(body);
     });
-    s.listen(0, "0.0.0.0", () => resolve(s));
+    candidate.listen(0, "0.0.0.0", () => resolve(candidate));
   });
-
   const address = server.address();
   if (!address || typeof address === "string") {
+    server.close();
     throw new Error("Failed to start mock API server");
   }
 
-  return {
-    port: address.port,
-    url: `http://host.docker.internal:${address.port}`,
-    close: () =>
-      new Promise((resolve, reject) => {
-        server.close((error) => (error ? reject(error) : resolve()));
-      }),
-  };
-};
+  try {
+    await TestContainers.exposeHostPorts(address.port);
+    const client = await getContainerRuntimeClient();
+    const forwarder = (await client.container.list()).find(
+      (container) => container.State === "running" && container.Labels[TESTCONTAINERS_SSHD_LABEL] === "true",
+    );
+    const forwarderAddress = forwarder
+      ? Object.values(forwarder.NetworkSettings.Networks).find((network) => network.IPAddress)?.IPAddress
+      : undefined;
+    if (!forwarderAddress) throw new Error("Failed to locate the Testcontainers host-port forwarder");
+
+    return {
+      url: `http://${forwarderAddress}:${address.port}`,
+      close: () =>
+        new Promise((resolve, reject) => {
+          server.close((error) => (error ? reject(error) : resolve()));
+        }),
+    };
+  } catch (error) {
+    server.close();
+    throw error;
+  }
+}

e2e/shared/seed-admin-user.ts

@@ -36,6 +36,8 @@ export const seedAdminUserAsync = async (db: SqliteDatabase, input: SeedAdminUse
     name: input.username,
     provider: "credentials",
     password: await hashPasswordAsync(input.password),
+    completedManageTour: true,
+    completedBoardTour: true,
   });
 
   await db.insert(sqliteSchema.groups).values({