mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
Zack TannerandGitHub
e296bcb812
These tests won't ever be run in a deployed environment, so this removes `skipDeployment` so it's easier to grok which tests are intentionally disabled because they don't work when deployed.
56 lines
1.8 KiB
TypeScript
56 lines
1.8 KiB
TypeScript
import { nextTestSetup } from 'e2e-utils'
|
|
import { waitForRedbox, getRedboxSource } from 'next-test-utils'
|
|
|
|
describe('app dir - css', () => {
|
|
const { next, skipped } = nextTestSetup({
|
|
files: __dirname,
|
|
dependencies: {
|
|
sass: 'latest',
|
|
},
|
|
})
|
|
|
|
if (skipped) {
|
|
return
|
|
}
|
|
|
|
describe('sass support', () => {
|
|
;(process.env.IS_TURBOPACK_TEST ? describe : describe.skip)(
|
|
'error handling',
|
|
() => {
|
|
it('should use original source points for sass errors', async () => {
|
|
const browser = await next.browser('/sass-error')
|
|
|
|
await waitForRedbox(browser)
|
|
const source = await getRedboxSource(browser)
|
|
|
|
// css-loader does not report an error for this case
|
|
expect(source).toMatchInlineSnapshot(`
|
|
"./app/global.scss.css (45:1)
|
|
Parsing CSS source code failed
|
|
43 | }
|
|
44 |
|
|
> 45 | input.defaultCheckbox::before path {
|
|
| ^
|
|
46 | fill: currentColor;
|
|
47 | }
|
|
48 |
|
|
|
|
Pseudo-elements like '::before' or '::after' can't be followed by selectors like 'Ident("path")'
|
|
|
|
Generated code of PostCSS transform of loaders [next/dist/build/webpack/loaders/resolve-url-loader/index, next/dist/compiled/sass-loader] transform of file content of app/global.scss:
|
|
./app/global.scss.css:1:884
|
|
> 1 | ...ate(-50%, 0px)}input.defaultCheckbox::before path{fill:currentColor}input:checked.defaul...
|
|
| ^
|
|
|
|
Import trace:
|
|
Client Component Browser:
|
|
./app/global.scss.css [Client Component Browser]
|
|
./app/layout.js [Client Component Browser]
|
|
./app/layout.js [Server Component]"
|
|
`)
|
|
})
|
|
}
|
|
)
|
|
})
|
|
})
|