From 0f4c16aac93c8a434a850ae7c3038b50cd21fec1 Mon Sep 17 00:00:00 2001
From: StefanSchoof <4662023+StefanSchoof@users.noreply.github.com>
Date: Tue, 20 May 2025 10:28:45 +0200
Subject: [PATCH] UI: don't show setup-screen on slow connections (#21306)

Co-authored-by: Michael Geers <michael@geers.tv>
---
 assets/js/views/Main.vue |  1 +
 tests/ws.spec.js         | 43 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 44 insertions(+)
 create mode 100644 tests/ws.spec.js

diff --git a/assets/js/views/Main.vue b/assets/js/views/Main.vue
index 2e9ca5c45..f69a53d18 100644
--- a/assets/js/views/Main.vue
+++ b/assets/js/views/Main.vue
@@ -1,5 +1,6 @@
 <template>
 	<Site
+		v-if="state.startup"
 		:notifications="notifications"
 		v-bind="state"
 		:selected-loadpoint-index="selectedLoadpointIndex"
diff --git a/tests/ws.spec.js b/tests/ws.spec.js
new file mode 100644
index 000000000..5d3af18c3
--- /dev/null
+++ b/tests/ws.spec.js
@@ -0,0 +1,43 @@
+import { test, expect } from "@playwright/test";
+import { start, stop, baseUrl } from "./evcc";
+test.use({ baseURL: baseUrl() });
+
+test.beforeAll(async () => {
+  await start("basics.evcc.yaml");
+});
+test.afterAll(async () => {
+  await stop();
+});
+
+test("show loadpoint with connect websocket", async ({ page }) => {
+  await page.routeWebSocket("/ws", (ws) => {
+    const server = ws.connectToServer();
+    ws.onMessage((message) => {
+      server.send(message);
+    });
+    server.onMessage((message) => {
+      ws.send(message);
+    });
+  });
+  await page.goto("/");
+  await expect(page.getByRole("link", { name: "Let's start configuration" })).toBeHidden();
+  await expect(page.getByText("Not connected to a server.")).toBeHidden();
+  await expect(page.getByTestId("loadpoint")).toBeVisible();
+});
+
+test("show no config screen while startup", async ({ page }) => {
+  await page.routeWebSocket("/ws", () => {
+    // connect, but don't send any messages
+  });
+  await page.goto("/");
+  await expect(page.getByRole("link", { name: "Let's start configuration" })).toBeHidden();
+});
+
+test("show offline when websocket is closed", async ({ page }) => {
+  await page.routeWebSocket("/ws", (ws) => {
+    ws.close();
+  });
+  await page.goto("/");
+  await expect(page.getByText("Not connected to a server.")).toBeVisible();
+  await expect(page.getByRole("link", { name: "Let's start configuration" })).toBeHidden();
+});