test/development/basic/styled-components-disabled.test.ts - canary - githubmirror/next.js

test/development/basic/styled-components-disabled.test.ts

46 строк1 KB

Tim Neutkens

test: migrate webdriver callers to next.browser (#93941)

22 май 2026, 15:01

22 май 2026, 15:01e860cec

import { join } from 'path'
import { FileRef, nextTestSetup } from 'e2e-utils'
import { retry } from 'next-test-utils'

// TODO: Somehow the warning doesn't show up with Turbopack, even though the transform is not enabled.
// TODO: It no longer shows up with Webpack either in tests.
describe.skip('styled-components SWC transform', () => {
  const { next } = nextTestSetup({
    files: {
      'next.config.js': new FileRef(
        join(__dirname, 'styled-components-disabled/next.config.js')
      ),
      pages: new FileRef(join(__dirname, 'styled-components-disabled/pages')),
    },
    dependencies: {
      'styled-components': '6.1.16',
    },
  })

  it('should have hydration mismatch with styled-components transform disabled', async () => {
    let browser
    try {
      // Compile /_error
      browser = await next.browser('/404')
      await browser.loadPage(new URL('/', next.url).toString())

      await retry(async () => {
        const logs = await browser.log()
        expect(logs).toEqual(
          expect.arrayContaining([
            {
              message: expect.stringContaining(
                'https://react.dev/link/hydration-mismatch'
              ),
              source: 'error',
            },
          ])
        )
      })
    } finally {
      if (browser) {
        await browser.close()
      }
    }
  })
})