1 files changed, 70 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/browsers/browsing-the-web/history-traversal/pagereveal/order-in-bfcache-restore.html b/testing/web-platform/tests/html/browsers/browsing-the-web/history-traversal/pagereveal/order-in-bfcache-restore.html
new file mode 100644
index 0000000000..f453c80a2a
--- /dev/null
+++ b/testing/web-platform/tests/html/browsers/browsing-the-web/history-traversal/pagereveal/order-in-bfcache-restore.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<title>pagereveal event fires and in correct order on restoration from BFCache</title>
+<link rel="help" href="https://html.spec.whatwg.org/multipage/browsing-the-web.html#updating-the-document">
+<link rel="author" href="mailto:bokan@chromium.org">
+<meta name="timeout" content="long">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/common/utils.js"></script>
+<script src="/common/dispatcher/dispatcher.js"></script>
+<script src="/html/browsers/browsing-the-web/back-forward-cache/resources/helper.sub.js"></script>
+<script>
+// runBfcacheTest opens a popup to pageA which navigates to pageB and then
+// back, ensuring pageA is stored in the BFCache.
+runBfcacheTest({
+  funcBeforeNavigation: async () => {
+    // This function executes in pageA
+
+    // Wait for an animation frame to ensure the the initial-load
+    // `pagereveal` has already been fired so it doesn't get recorded
+    // below.
+    const raf = new Promise(resolve => requestAnimationFrame(resolve));
+    await raf;
+
+    window.event_log = [];
+    let restored = false;
+
+    function recordRafs() {
+      requestAnimationFrame( () => {
+        // Avoid recording animation frames until the page is restored from
+        // BFCache since it's currently uncached. This test is interested only
+        // in the behavior during restoration.
+        if (restored)
+          window.event_log.push('rAF');
+
+        recordRafs();
+      });
+    }
+
+    recordRafs();
+
+    addEventListener('pageshow', (e) => {
+      window.event_log.push('pageshow' + (e.persisted ? '.persisted' : ''));
+      if (e.persisted)
+        restored = true;
+    });
+
+    addEventListener('pagereveal', () => {
+      window.event_log.push('pagereveal');
+    });
+  },
+  funcAfterAssertion: async (pageA, pageB, t) => {
+    let event_log = await pageA.execute_script(async () => {
+      // Ensure at least one animation frame is produced to ensure
+      // pagereveal must have fired.
+      await new Promise(requestAnimationFrame);
+      return window.event_log;
+    });
+
+    // Expect that the events seen are:
+    // pageshow.persisted, pagereveal, rAF, rAF, rAF, ...
+    assert_equals(event_log.slice(0, 3).toString(),
+        'pageshow.persisted,pagereveal,rAF');
+    for (let i = 3; i < event_log.length; ++i) {
+      assert_equals(event_log[i], 'rAF',
+          'All events following pagereveal should be animation frames');
+    }
+  },
+  targetOrigin: originSameOrigin,
+});
+</script>