From 5498c3b890df707a86e3297b44ab54579ec5f421 Mon Sep 17 00:00:00 2001
From: Jiachi Liu <inbox@huozhi.im>
Date: Fri, 15 Mar 2024 22:44:40 +0100
Subject: [PATCH] fix tests

---
 .../container/RuntimeError/component-stack-pseudo-html.tsx   | 2 +-
 .../internal/container/RuntimeError/index.tsx                | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/next/src/client/components/react-dev-overlay/internal/container/RuntimeError/component-stack-pseudo-html.tsx b/packages/next/src/client/components/react-dev-overlay/internal/container/RuntimeError/component-stack-pseudo-html.tsx
index 2468b8f55ab60..db1bec664331a 100644
--- a/packages/next/src/client/components/react-dev-overlay/internal/container/RuntimeError/component-stack-pseudo-html.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/internal/container/RuntimeError/component-stack-pseudo-html.tsx
@@ -123,7 +123,7 @@ export function PseudoHtmlDiff({
               {codeLine}
               {/* Add ^^^^ to the target tags used for snapshots but not displayed for users */}
               {isHighlightedTag && (
-                <span hidden>
+                <span data-nextjs-container-errors-pseudo-html--hint>
                   {spaces + '^'.repeat(component.length + 2) + '\n'}
                 </span>
               )}
diff --git a/packages/next/src/client/components/react-dev-overlay/internal/container/RuntimeError/index.tsx b/packages/next/src/client/components/react-dev-overlay/internal/container/RuntimeError/index.tsx
index e6f0ac4fb78e8..9f72196cf5889 100644
--- a/packages/next/src/client/components/react-dev-overlay/internal/container/RuntimeError/index.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/internal/container/RuntimeError/index.tsx
@@ -210,6 +210,11 @@ export const styles = css`
     color: var(--color-ansi-red);
     font-weight: bold;
   }
+  /* hide but text are still accessible in DOM */
+  [data-nextjs-container-errors-pseudo-html--hint] {
+    display: inline-block;
+    font-size: 0;
+  }
   [data-nextjs-container-errors-pseudo-html--tag-adjacent='false'] {
     color: var(--color-accents-3);
   }