add example test for phoenixframework#2656

SteffenDE · Jan 10, 2024 · a1494b8 · a1494b8
1 parent b036e25
commit a1494b8
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 3 deletions.
diff --git a/test/e2e/test_helper.exs b/test/e2e/test_helper.exs
@@ -51,7 +51,8 @@ defmodule Phoenix.LiveViewTest.E2E.Router do
     scope "/" do
       pipe_through(:browser)
 
-      live("/stream", Phoenix.LiveViewTest.StreamLive, :index)
+      live "/stream", Phoenix.LiveViewTest.StreamLive
+      live "/healthy/:category", Phoenix.LiveViewTest.HealthyLive
     end
   end
 end

diff --git a/test/e2e/tests/streams.spec.js b/test/e2e/tests/streams.spec.js
@@ -60,7 +60,7 @@ test("elements can be updated and deleted (LV)", async ({ page }) => {
     { id: "admins-2", text: "callan-admin" }
   ]);
 
-  await page.locator("#users-1").getByRole("button", { name: "Delete" }).click();
+  await page.locator("#users-1").getByRole("button", { name: "delete" }).click();
   await syncLV(page);
 
   await expect(await usersInDom(page, "users")).toEqual([
@@ -104,7 +104,7 @@ test("elements can be updated and deleted (LC)", async ({ page }) => {
     { id: "admins-2", text: "callan-admin" }
   ]);
 
-  await page.locator("#c_users-1").getByRole("button", { name: "Delete" }).click();
+  await page.locator("#c_users-1").getByRole("button", { name: "delete" }).click();
   await syncLV(page);
 
   await expect(await usersInDom(page, "c_users")).toEqual([
@@ -160,3 +160,34 @@ test("stream reset properly reorders items", async ({ page }) => {
     { id: "users-4", text: "mona" }
   ]);
 });
+
+test.describe("Issue #2656", () => {
+  test("stream reset works when patching", async ({ page }) => {
+    await page.goto("/healthy/fruits");
+    await syncLV(page);
+
+    await expect(page.locator("h1")).toContainText("Fruits");
+    await expect(page.locator("ul")).toContainText("Apples");
+    await expect(page.locator("ul")).toContainText("Oranges");
+
+    await page.getByRole("link", { name: "Switch" }).click();
+    await expect(page).toHaveURL("/healthy/veggies");
+    await syncLV(page);
+
+    await expect(page.locator("h1")).toContainText("Veggies");
+
+    await expect(page.locator("ul")).toContainText("Carrots");
+    await expect(page.locator("ul")).toContainText("Tomatoes");
+    await expect(page.locator("ul")).not.toContainText("Apples");
+    await expect(page.locator("ul")).not.toContainText("Oranges");
+
+    await page.getByRole("link", { name: "Switch" }).click();
+    await expect(page).toHaveURL("/healthy/fruits");
+    await syncLV(page);
+
+    await expect(page.locator("ul")).not.toContainText("Carrots");
+    await expect(page.locator("ul")).not.toContainText("Tomatoes");
+    await expect(page.locator("ul")).toContainText("Apples");
+    await expect(page.locator("ul")).toContainText("Oranges");
+  });
+});