Add a "reload" method to the frame element (#206)

hotwired · Jul 14, 2021 · 49f8213 · 49f8213
1 parent 76eb046
commit 49f8213
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/src/elements/frame_element.ts b/src/elements/frame_element.ts
@@ -36,6 +36,12 @@ export class FrameElement extends HTMLElement {
     this.delegate.disconnect()
   }
 
+  reload() {
+    const { src } = this;
+    this.src = null;
+    this.src = src;
+  }
+
   attributeChangedCallback(name: string) {
     if (name == "loading") {
       this.delegate.loadingStyleChanged()

diff --git a/src/tests/functional/loading_tests.ts b/src/tests/functional/loading_tests.ts
@@ -84,6 +84,19 @@ export class LoadingTests extends TurboDriveTestCase {
     this.assert.equal(await contents.getVisibleText(), "Frames: #frame")
   }
 
+  async "test reloading a frame reloads the content"() {
+    await this.nextBeat
+
+    await this.clickSelector("#loading-eager summary")
+    await this.nextBeat
+
+    const frameContent = "#loading-eager turbo-frame#frame h2"
+    this.assert.ok(await this.hasSelector(frameContent))
+    // @ts-ignore
+    await this.remote.execute(() => document.querySelector("#loading-eager turbo-frame")?.reload())
+    this.assert.ok(await this.hasSelector(frameContent))
+  }
+
   async "test navigating away from a page does not reload its frames"() {
     await this.clickSelector("#one")
     await this.nextBody