test.only('invalidate works with multiple tabs', async () => {
    const pages: Page[] = []
    try {
      for (let i = 0; i < 10; i++) {
        const p = await browser.newPage()
        await p.goto(viteTestUrl)
        pages.push(p)
      }

      for (let i = 0; i < 30; i++) {
        browserLogs.length = 0
        console.log('update!')

        const el = await page.$('.invalidation-parent')
        await untilBrowserLogAfter(
          () =>
            editFile('invalidation/child.js', (code) =>
              code.replace('child', 'child updated'),
            ),
          [
            '>>> vite:beforeUpdate -- update',
            '>>> vite:invalidate -- /invalidation/child.js',
            '[vite] invalidate /invalidation/child.js',
            '[vite] hot updated: /invalidation/child.js',
            '>>> vite:afterUpdate -- update',
            // if invalidate dedupe doesn't work correctly, this beforeUpdate will be called twice
            '>>> vite:beforeUpdate -- update',
            '(invalidation) parent is executing',
            '[vite] hot updated: /invalidation/parent.js',
            '>>> vite:afterUpdate -- update',
          ],
          true,
        )
        await untilUpdated(() => el.textContent(), 'child updated')
        console.log('update done!')
        await new Promise((r) => setTimeout(r, 10))
        editFile('invalidation/child.js', (code) =>
          code.replace('child updated', 'child'),
        )
        await untilUpdated(() => el.textContent(), /^child$/)
        await new Promise((r) => setTimeout(r, 30))
      }
    } finally {
      await Promise.all(pages.map((p) => p.close()))
    }
  })