snapshot of https://github.com/zulip/zulip.git @ 48c69911c7dd4e03b20552eb3bd77ad8151c1357 (2026-09-15)

web/e2e-tests/subscribe_toggle.test.ts

@@ -0,0 +1,57 @@
+import type {ElementHandle, Page} from "puppeteer";
+
+import * as common from "./lib/common.ts";
+
+async function test_subscription_button(page: Page): Promise<void> {
+    const all_stream_selector = "[data-tab-key='all']";
+    await page.waitForSelector(all_stream_selector, {visible: true});
+    await page.click(all_stream_selector);
+    const stream_selector = "[data-stream-name='Venice']";
+    const button_selector = `${stream_selector} .sub_unsub_button`;
+    const subscribed_selector = `${button_selector}.checked`;
+    const unsubscribed_selector = `${button_selector}:not(.checked)`;
+
+    async function subscribed(): Promise<ElementHandle | null> {
+        await page.waitForSelector(
+            `xpath///*[${common.has_class_x("stream-info-title")}]//*[${common.has_class_x(
+                "sub_unsub_button",
+            )} and normalize-space()="Unsubscribe"]`,
+            {visible: true},
+        );
+        return await page.waitForSelector(subscribed_selector, {visible: true});
+    }
+
+    async function unsubscribed(): Promise<ElementHandle | null> {
+        await page.waitForSelector(
+            `xpath///*[${common.has_class_x("stream-info-title")}]//*[${common.has_class_x(
+                "sub_unsub_button",
+            )} and normalize-space()="Subscribe"]`,
+            {visible: true},
+        );
+        return await page.waitForSelector(unsubscribed_selector, {visible: true});
+    }
+
+    // Make sure that Venice is even in our list of streams.
+    await page.waitForSelector(stream_selector, {visible: true});
+    await page.waitForSelector(button_selector, {visible: true});
+
+    await page.click(stream_selector);
+
+    // Note that we intentionally re-find the button after each click, since
+    // the live-update code may replace the whole row.
+    // We assume Venice is already subscribed, so the first line here
+    // should happen immediately.
+    await (await subscribed())!.click();
+    await (await unsubscribed())!.click();
+    await (await subscribed())!.click();
+    await (await unsubscribed())!.click();
+    await subscribed();
+}
+
+async function subscriptions_tests(page: Page): Promise<void> {
+    await common.log_in(page);
+    await common.open_streams_modal(page);
+    await test_subscription_button(page);
+}
+
+await common.run_test(subscriptions_tests);