Ensure page refreshes cause a reload when assets change (#1146)

src/core/drive/morph_renderer.js

@@ -1,8 +1,8 @@
 import { Idiomorph } from "idiomorph/dist/idiomorph.esm.js"
 import { dispatch } from "../../util"
-import { Renderer } from "../renderer"
+import { PageRenderer } from "./page_renderer"
 
-export class MorphRenderer extends Renderer {
+export class MorphRenderer extends PageRenderer {
   async render() {
     if (this.willRender) await this.#morphBody()
   }

src/tests/fixtures/page_refresh.html

@@ -47,6 +47,15 @@
           target.textContent = "connected"
         }
       })
+
+      document.getElementById("add-new-assets").addEventListener("click", () => {
+        const stylesheet = document.createElement("link")
+        stylesheet.id = "new-stylesheet"
+        stylesheet.rel = "stylesheet"
+        stylesheet.href = "/src/tests/fixtures/stylesheets/common.css"
+        stylesheet.dataset.turboTrack = "reload"
+        document.head.appendChild(stylesheet)
+      })
     </script>
 
     <style>
@@ -105,6 +114,8 @@ <h3>Element with Stimulus controller</h3>
       <input id="form-submit" type="submit" value="form[method=post]">
     </form>
 
+    <button id="add-new-assets">Add new assets</button>
+
     <div id="reject">
       <form class="unprocessable_entity" action="/__turbo/reject" method="post" style="margin-top:100vh">
         <input type="hidden" name="status" value="422">

src/tests/functional/page_refresh_tests.js

@@ -74,6 +74,16 @@ test("turbo:before-morph-attribute Stimulus listeners can handle morphing attrib
   await expect(page.locator("#test-output")).toHaveText("connected")
 })
 
+test("page refreshes cause a reload when assets change", async ({ page }) => {
+  await page.goto("/src/tests/fixtures/page_refresh.html")
+
+  await page.click("#add-new-assets")
+  await expect(page.locator("#new-stylesheet")).toHaveCount(1)
+  await page.click("#form-submit")
+
+  await nextEventNamed(page, "turbo:load")
+  await expect(page.locator("#new-stylesheet")).toHaveCount(0)
+})
 
 test("renders a page refresh with morphing when the paths are the same but search params are different", async ({ page }) => {
   await page.goto("/src/tests/fixtures/page_refresh.html")