-
Notifications
You must be signed in to change notification settings - Fork 27.8k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
[test] Remove
describeVariants
helper (#76631)
- Loading branch information
Showing
3 changed files
with
32 additions
and
68 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
74 changes: 30 additions & 44 deletions
74
test/development/app-dir/experimental-lightningcss/experimental-lightningcss.test.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,53 +1,39 @@ | ||
import { nextTestSetup } from 'e2e-utils' | ||
import { describeVariants } from 'next-test-utils' | ||
|
||
describeVariants.each(['turbo'])('experimental-lightningcss', () => { | ||
const { next } = nextTestSetup({ | ||
files: __dirname, | ||
}) | ||
|
||
it('should support css modules', async () => { | ||
// Recommended for tests that check HTML. Cheerio is a HTML parser that has a jQuery like API. | ||
const $ = await next.render$('/') | ||
expect($('p').text()).toBe('hello world') | ||
// swc_css does not include `-module` in the class name, while lightningcss does. | ||
expect($('p').attr('class')).toBe( | ||
'search-keyword style-module__hlQ3RG__blue' | ||
) | ||
}) | ||
}) | ||
describe('experimental-lightningcss with default mode', () => { | ||
describe('in dev server', () => { | ||
const { isTurbopack, next } = nextTestSetup({ | ||
files: __dirname, | ||
dependencies: { lightningcss: '^1.23.0' }, | ||
packageJson: { | ||
browserslist: ['chrome 100'], | ||
}, | ||
}) | ||
|
||
// lightningcss produces different class names in turbo mode | ||
describeVariants.each(['default'])( | ||
'experimental-lightningcss with default mode', | ||
() => { | ||
describe('in dev server', () => { | ||
const { next } = nextTestSetup({ | ||
files: __dirname, | ||
dependencies: { lightningcss: '^1.23.0' }, | ||
packageJson: { | ||
browserslist: ['chrome 100'], | ||
}, | ||
}) | ||
it('should support css modules', async () => { | ||
// Recommended for tests that check HTML. Cheerio is a HTML parser that has a jQuery like API. | ||
const $ = await next.render$('/') | ||
expect($('p').text()).toBe('hello world') | ||
|
||
it('should support css modules', async () => { | ||
// Recommended for tests that check HTML. Cheerio is a HTML parser that has a jQuery like API. | ||
const $ = await next.render$('/') | ||
expect($('p').text()).toBe('hello world') | ||
// lightningcss produces different class names in turbo mode | ||
if (isTurbopack) { | ||
// swc_css does not include `-module` in the class name, while lightningcss does. | ||
expect($('p').attr('class')).toBe( | ||
'search-keyword style-module__hlQ3RG__blue' | ||
) | ||
} else { | ||
// We remove hash from the class name in test mode using env var because it is not deterministic. | ||
expect($('p').attr('class')).toBe('search-keyword style-module__blue') | ||
}) | ||
} | ||
}) | ||
|
||
it('should support browserslist', async () => { | ||
const $ = await next.browser('/') | ||
it('should support browserslist', async () => { | ||
const $ = await next.browser('/') | ||
|
||
expect(await $.elementByCss('.nested').text()).toBe( | ||
'Red due to nesting' | ||
) | ||
expect(await $.elementByCss('.nested').getComputedCss('color')).toBe( | ||
'rgb(255, 0, 0)' | ||
) | ||
}) | ||
expect(await $.elementByCss('.nested').text()).toBe('Red due to nesting') | ||
expect(await $.elementByCss('.nested').getComputedCss('color')).toBe( | ||
'rgb(255, 0, 0)' | ||
) | ||
}) | ||
} | ||
) | ||
}) | ||
}) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters