Tests hotwired#1007

shiftyp · Sep 19, 2023 · 4ae5fe0 · 4ae5fe0
1 parent 32cadc0
commit 4ae5fe0
Show file tree

Hide file tree

Showing 4 changed files with 58 additions and 0 deletions.
diff --git a/src/tests/fixtures/before_cache.html b/src/tests/fixtures/before_cache.html
@@ -0,0 +1,15 @@
+z<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Turbo</title>
+    <script src="/dist/turbo.es2017-umd.js" data-turbo-track="reload"></script>
+    <script src="/src/tests/fixtures/test.js"></script>
+  </head>
+  <body>
+    <section>
+      <h1>Cache Observer - Before Cache</h1>
+      <a id="advance-home" href="/src/tests/fixtures/before_cache_home.html?in_frame=n">rendering</a>
+    </section>
+  </body>
+</html>
diff --git a/src/tests/fixtures/before_cache_home.html b/src/tests/fixtures/before_cache_home.html
@@ -0,0 +1,4 @@
+<turbo-frame data-turbo-frame="main-frame" data-turbo-action="advance" id="frame">
+  <span id="origin">home</span>
+  <a id="advance-in" href="/src/tests/fixtures/before_cache_in.html?in_frame=y">rendering</a>
+</turbo-frame>
diff --git a/src/tests/fixtures/before_cache_in.html b/src/tests/fixtures/before_cache_in.html
@@ -0,0 +1,4 @@
+
+<turbo-frame data-turbo-frame="main-frame" data-turbo-action="advance" id="frame">
+  <span id="origin">in</span>
+</turbo-frame>
diff --git a/src/tests/functional/cache_observer_tests.js b/src/tests/functional/cache_observer_tests.js
@@ -35,3 +35,38 @@ test("test following a redirect renders [data-turbo-temporary] elements before t
 
   assert.equal(await page.textContent("#temporary"), "data-turbo-temporary")
 })
+
+test("test before cache content should reflect page content prior to navigation for links outside advance turbo frames", async ({ page }) => {
+  await page.goto("/src/tests/fixtures/before_cache.html?start=y")
+  await page.evaluate(() => {
+    document.addEventListener("turbo:before-cache", () => {
+      console.log(`before-cache ${JSON.stringify(window.location.search)} ${document.querySelector('#origin')?.innerText}`)
+    })
+  })
+
+  page.addListener("console", (message) => {
+    assert.equal(message.text(), `before-cache "?start=y" undefined`)
+  })
+
+  await page.click("#advance-home")
+  await nextBody(page)
+})
+
+test("test before cache content should reflect page content prior to navigation for links inside advance turbo frames", async ({ page }) => {
+  await page.goto("/src/tests/fixtures/before_cache.html?")
+  await page.click("#advance-home")
+  await nextBody(page)
+
+  await page.evaluate(() => {
+    document.addEventListener("turbo:before-cache", () => {
+      console.log(`before-cache ${JSON.stringify(window.location.search)} ${document.querySelector('#origin')?.innerText}`)
+    })
+  })
+
+  page.addListener("console", (message) => {
+    assert.equal(message.text(), `before-cache "?home=y" home`)
+  })
+
+  await page.click("#advance-in")
+  await nextBody(page)
+})