Fix test

test/e2e/app-dir/rsc-errors/rsc-errors.test.ts

@@ -1,11 +1,34 @@
 import {
   check,
+  evaluate,
   getRedboxHeader,
   getRedboxSource,
   hasRedbox,
+  retry,
 } from 'next-test-utils'
 import { createNextDescribe } from 'e2e-utils'
 
+export async function clickEditorLinks(browser) {
+  return retry(
+    () =>
+      evaluate(browser, () => {
+        const portal = [].slice
+          .call(document.querySelectorAll('nextjs-portal'))
+          .find((p) =>
+            p.shadowRoot.querySelector('[data-nextjs-dialog-header]')
+          )
+        const root = portal.shadowRoot
+        const links = root.querySelectorAll('[data-with-open-in-editor-link]')
+        for (const link of links) {
+          link.click()
+        }
+      }),
+    10000,
+    500,
+    'clickEditorLinks'
+  )
+}
+
 if (!(globalThis as any).isNextDev) {
   it('should skip tests for next-start', () => {})
 } else {
@@ -153,10 +176,6 @@ if (!(globalThis as any).isNextDev) {
       })
 
       it('should be possible to open the import trace files in your editor', async () => {
-        // TODO: investigate previous error not being cleared properly
-        await next.stop()
-        await next.start()
-
         const componentFile = 'app/editor-links/component.js'
 
         let editorRequestsCount = 0
@@ -179,14 +198,8 @@ if (!(globalThis as any).isNextDev) {
           )
         )
 
-        await browser.waitForElementByCss('[data-with-open-in-editor-link]')
-
-        const collapsedFrameworkGroups = await browser.elementsByCss(
-          '[data-with-open-in-editor-link]'
-        )
-        for (const collapsedFrameworkButton of collapsedFrameworkGroups) {
-          await collapsedFrameworkButton.click()
-        }
+        expect(await hasRedbox(browser, true)).toBe(true)
+        await clickEditorLinks(browser)
 
         await check(() => editorRequestsCount, /2/)