diff --git a/test/e2e/app-dir/interpolability-with-pages/navigation.test.ts b/test/e2e/app-dir/interpolability-with-pages/navigation.test.ts
index f79e632b2a607b5..b27ae522f77fcb0 100644
--- a/test/e2e/app-dir/interpolability-with-pages/navigation.test.ts
+++ b/test/e2e/app-dir/interpolability-with-pages/navigation.test.ts
@@ -37,4 +37,32 @@ describe('navigation between pages and app dir', () => {
     expect(await browser.hasElementByCssSelector('#pages-page')).toBeFalse()
     expect(await browser.elementById('app-page').text()).toBe('App Page')
   })
+
+  it('It should be able to navigate pages -> app and go back an forward', async () => {
+    const browser = await webdriver(next.url, '/pages')
+    browser.elementById('link-to-app').click()
+    await waitFor(200)
+    browser.back()
+    await waitFor(200)
+    expect(await browser.hasElementByCssSelector('#app-page')).toBeFalse()
+    expect(await browser.elementById('pages-page').text()).toBe('Pages Page')
+    browser.forward()
+    await waitFor(200)
+    expect(await browser.hasElementByCssSelector('#pages-page')).toBeFalse()
+    expect(await browser.elementById('app-page').text()).toBe('App Page')
+  })
+
+  it('It should be able to navigate app -> pages and go back and forward', async () => {
+    const browser = await webdriver(next.url, '/app')
+    browser.elementById('link-to-pages').click()
+    await waitFor(200)
+    browser.back()
+    await waitFor(200)
+    expect(await browser.hasElementByCssSelector('#pages-page')).toBeFalse()
+    expect(await browser.elementById('app-page').text()).toBe('App Page')
+    browser.forward()
+    await waitFor(200)
+    expect(await browser.hasElementByCssSelector('#app-page')).toBeFalse()
+    expect(await browser.elementById('pages-page').text()).toBe('Pages Page')
+  })
 })