mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
Tobias KoppersandGitHub
92eecbfdff
### What? * upgrades turbopack for `getResolve` in webpack loaders * add missing resolve-url-loader to turbopack for full sass support Closes PACK-2634
44 lines
1.2 KiB
TypeScript
44 lines
1.2 KiB
TypeScript
/* eslint-env jest */
|
|
|
|
import { nextTestSetup } from 'e2e-utils'
|
|
import { colorToRgb, retry } from 'next-test-utils'
|
|
|
|
describe('Can hot reload CSS Module without losing state', () => {
|
|
const { next, isNextDev } = nextTestSetup({
|
|
files: __dirname,
|
|
dependencies: {
|
|
sass: '1.54.0',
|
|
},
|
|
})
|
|
;(isNextDev ? describe : describe.skip)('development only', () => {
|
|
it('should update CSS color without remounting <input>', async () => {
|
|
const browser = await next.browser('/')
|
|
|
|
const desiredText = 'hello world'
|
|
await browser.elementById('text-input').type(desiredText)
|
|
expect(await browser.elementById('text-input').getValue()).toBe(
|
|
desiredText
|
|
)
|
|
|
|
expect(
|
|
await browser.elementByCss('#verify-red').getComputedCss('color')
|
|
).toBe(colorToRgb('red'))
|
|
|
|
await next.patchFile('pages/index.module.scss', (content) => {
|
|
return content.replace('$var: red', '$var: purple')
|
|
})
|
|
|
|
await retry(async () => {
|
|
expect(
|
|
await browser.elementByCss('#verify-red').getComputedCss('color')
|
|
).toBe(colorToRgb('purple'))
|
|
})
|
|
|
|
// ensure text remained
|
|
expect(await browser.elementById('text-input').getValue()).toBe(
|
|
desiredText
|
|
)
|
|
})
|
|
})
|
|
})
|