Add body style name when reconnecting (#18838)

Change-Id: I7ff28587780fbd1c68b065b3edc670a879e8551e

1 files changed, 17 insertions, 0 deletions

diff --git a/uitest/src/com/vaadin/tests/application/ReconnectDialogUITest.java b/uitest/src/com/vaadin/tests/application/ReconnectDialogUITest.java
index 19d88350b7..b07124c216 100644
--- a/uitest/src/com/vaadin/tests/application/ReconnectDialogUITest.java
+++ b/uitest/src/com/vaadin/tests/application/ReconnectDialogUITest.java
@@ -31,6 +31,23 @@ import com.vaadin.tests.tb3.MultiBrowserTestWithProxy;
 public class ReconnectDialogUITest extends MultiBrowserTestWithProxy {
 
     @Test
+    public void reconnectTogglesBodyStyle() throws JSchException {
+        openTestURL();
+        getButton().click();
+        disconnectProxy();
+        getButton().click();
+        waitForReconnectDialogPresent();
+        WebElement body = findElement(By.xpath("//body"));
+        Assert.assertTrue("Body should have a style name when reconnecting",
+                hasCssClass(body, "v-reconnecting"));
+        connectProxy();
+        waitForReconnectDialogToDisappear();
+        Assert.assertFalse(
+                "Body should no longer have a style name when reconnected",
+                hasCssClass(body, "v-reconnecting"));
+    }
+
+    @Test
     public void reconnectDialogShownAndDisappears() throws JSchException {
         openTestURL();
         getButton().click();