diff --git a/test/development/acceptance-app/ReactRefreshLogBox-scss.test.ts b/test/development/acceptance-app/ReactRefreshLogBox-scss.test.ts index d5c4253706ab1a6..2d9328fe15e6694 100644 --- a/test/development/acceptance-app/ReactRefreshLogBox-scss.test.ts +++ b/test/development/acceptance-app/ReactRefreshLogBox-scss.test.ts @@ -4,9 +4,7 @@ import { createNext, FileRef } from 'e2e-utils' import { NextInstance } from 'test/lib/next-modes/base' import path from 'path' -// TODO: figure out why snapshots mismatch on GitHub actions -// specifically but work in docker and locally -describe.skip('ReactRefreshLogBox app', () => { +describe('ReactRefreshLogBox app', () => { let next: NextInstance beforeAll(async () => { @@ -48,6 +46,10 @@ describe.skip('ReactRefreshLogBox app', () => { const source = await session.getRedboxSource() expect(source).toMatchSnapshot() + // Fix syntax error + await session.patch('index.module.scss', `.button { font-size: 5px; }`) + expect(await session.hasRedbox()).toBe(false) + // Not local error await session.patch('index.module.scss', `button { font-size: 5px; }`) expect(await session.hasRedbox(true)).toBe(true) diff --git a/test/development/acceptance-app/__snapshots__/ReactRefreshLogBox-scss.test.ts.snap b/test/development/acceptance-app/__snapshots__/ReactRefreshLogBox-scss.test.ts.snap new file mode 100644 index 000000000000000..784c7600001310d --- /dev/null +++ b/test/development/acceptance-app/__snapshots__/ReactRefreshLogBox-scss.test.ts.snap @@ -0,0 +1,19 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`ReactRefreshLogBox app scss syntax errors 1`] = ` +"./index.module.scss +SassError: Expected expression. + ╷ +1 │ .button { font-size: :5px; } + │ ^ + ╵ + index.module.scss 1:22 root stylesheet" +`; + +exports[`ReactRefreshLogBox app scss syntax errors 2`] = ` +"./index.module.scss:1:1 +Syntax error: Selector \\"button\\" is not pure (pure selectors must contain at least one local class or id) + +> 1 | button { font-size: 5px; } + | ^" +`;