diff --git a/html/browsers/browsing-the-web/back-forward-cache/eligibility/broadcast-channel.html b/html/browsers/browsing-the-web/back-forward-cache/eligibility/broadcast-channel.html
new file mode 100644
index 00000000000000..5fd225ae68b30e
--- /dev/null
+++ b/html/browsers/browsing-the-web/back-forward-cache/eligibility/broadcast-channel.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML>
+<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="../resources/helper.sub.js"></script>
+<script>
+// Check whether the page is BFCached when there are open BroadcastChannels.
+runEventTest(
+  {funcBeforeNavigation: () => {
+      window.bc = new BroadcastChannel('foo');
+  }},
+  'Eligibility (BroadcastChannel)');
+
+// Same as above, but the BroadcastChannels are closed in the pagehide event.
+runEventTest(
+  {funcBeforeNavigation: () => {
+      window.bc = new BroadcastChannel('foo');
+      window.addEventListener('pagehide', () => window.bc.close());
+  }},
+  'Eligibility (BroadcastChannel closed in the pagehide event)');
+</script>
