Test async page refreshes (#1157)

hotwired · Feb 2, 2024 · e8d25b2 · e8d25b2
1 parent bb9dc70
commit e8d25b2
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/src/tests/fixtures/page_refresh.html b/src/tests/fixtures/page_refresh.html
@@ -70,7 +70,7 @@
     </style>
   </head>
   <body>
-    <h1>Page to be refreshed</h1>
+    <h1 id="title">Page to be refreshed</h1>
 
     <a href="/src/tests/fixtures/page_refresh.html" id="reload-link">Reload</a>
 

diff --git a/src/tests/functional/page_refresh_tests.js b/src/tests/functional/page_refresh_tests.js
@@ -19,6 +19,22 @@ test("renders a page refresh with morphing", async ({ page }) => {
   await nextEventNamed(page, "turbo:render", { renderMethod: "morph" })
 })
 
+test("async page refresh with turbo-stream", async ({ page }) => {
+  await page.goto("/src/tests/fixtures/page_refresh.html")
+
+  await expect(page.locator("#title")).toHaveText("Page to be refreshed")
+
+  await page.evaluate(() => document.querySelector("#title").innerText = "Updated")
+  await expect(page.locator("#title")).toHaveText("Updated")
+
+  await page.evaluate(() => {
+    document.body.insertAdjacentHTML("beforeend", `<turbo-stream action="refresh"></turbo-stream>`)
+  })
+
+  await expect(page.locator("#title")).not.toHaveText("Updated")
+  await expect(page.locator("#title")).toHaveText("Page to be refreshed")
+})
+
 test("dispatches a turbo:before-morph-element and turbo:morph-element event for each morphed element", async ({ page }) => {
   await page.goto("/src/tests/fixtures/page_refresh.html")
   await page.fill("#form-text", "Morph me")