File size: 1,547 Bytes
b91e262 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | import { join } from 'path'
import webdriver from 'next-webdriver'
import { createNext, FileRef } from 'e2e-utils'
import { NextInstance } 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', () => {
let next: NextInstance
beforeAll(async () => {
next = await createNext({
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',
},
})
})
afterAll(() => next.destroy())
it('should have hydration mismatch with styled-components transform disabled', async () => {
let browser
try {
// Compile /_error
browser = await webdriver(next.url, '/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()
}
}
})
})
|