From 863ae531fd1fa3ff58371b1c68dcc943f2d69f3d Mon Sep 17 00:00:00 2001
From: Ryan Rosello <goneby30+github@gmail.com>
Date: Mon, 8 Jul 2024 07:27:15 +1000
Subject: [PATCH] chore(html-reporter) fix bug when favicon does not reset to
 default when browser back button occurs

---
 packages/html-reporter/src/testCaseView.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/html-reporter/src/testCaseView.tsx b/packages/html-reporter/src/testCaseView.tsx
index cc6b680c6a..81311edecc 100644
--- a/packages/html-reporter/src/testCaseView.tsx
+++ b/packages/html-reporter/src/testCaseView.tsx
@@ -47,6 +47,14 @@ export const TestCaseView: React.FC<{
   React.useEffect(() => {
     document.title = test?.title ? `| ${test.title}` : 'Playwright Test Report';
     test?.outcome ? setFavicon({ outcome: test.outcome }) : setFavicon('default');
+    const resetFaviconOnBack = () => {
+      setFavicon('default');
+    };
+
+    window.addEventListener('popstate', resetFaviconOnBack);
+    return () => {
+      window.removeEventListener('popstate', resetFaviconOnBack);
+    };
   }, [test?.outcome, test?.title]);
 
   return <div className='test-case-column vbox'>