fix: match attr for test

Author: devjiwonchoi

packages/next/src/next-devtools/dev-overlay/components/call-stack/call-stack.tsx

@@ -23,7 +23,8 @@ export function CallStack({
         </p>
         {ignoredFramesTally > 0 && (
           <button
-            data-nextjs-call-stack-ignored-list-toggle-button
+            // The isIgnoreListOpen value is used by tests to confirm whether it is open or not.
+            data-nextjs-call-stack-ignored-list-toggle-button={isIgnoreListOpen}
             onClick={onToggleIgnoreList}
           >
             {`${isIgnoreListOpen ? 'Hide' : 'Show'} ${ignoredFramesTally} ignore-listed frame(s)`}

test/lib/next-test-utils.ts

@@ -1678,12 +1678,18 @@ export async function getStackFramesContent(browser) {
 }
 
 export async function toggleCollapseCallStackFrames(browser: Playwright) {
-  const button = await browser.elementByCss('[data-expand-ignore-button]')
-  const lastExpanded = await button.getAttribute('data-expand-ignore-button')
+  const button = await browser.elementByCss(
+    '[data-nextjs-call-stack-ignored-list-toggle-button]'
+  )
+  const lastExpanded = await button.getAttribute(
+    'data-nextjs-call-stack-ignored-list-toggle-button'
+  )
   await button.click()
 
   await retry(async () => {
-    const currExpanded = await button.getAttribute('data-expand-ignore-button')
+    const currExpanded = await button.getAttribute(
+      'data-nextjs-call-stack-ignored-list-toggle-button'
+    )
     expect(currExpanded).not.toBe(lastExpanded)
   })
 }