chore: replace pretty-format/ConvertAnsi with jest-serializer-ansi-escapes

CHANGELOG.md

@@ -11,6 +11,8 @@
 
 ### Chore & Maintenance
 
+- `[*]` Replace `pretty-format/ConvertAnsi` with `jest-serializer-ansi-escapes` ([#12935](https://github.com/facebook/jest/pull/12935))
+
 ### Performance
 
 ## 28.1.2

e2e/__tests__/__snapshots__/watchModePatterns.test.ts.snap

@@ -1,18 +1,45 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`can press "p" to filter by file name 1`] = `
-
+"<hideCursor>
+<clearTerminal>
 Pattern Mode Usage
  › Press Esc to exit pattern mode.
  › Press Enter to filter by a filenames regex pattern.
 
- pattern › 
- pattern › b
- pattern › ba
- pattern › bar
-
-
-
+<showCursor>
+<eraseLine>
+<moveCursorToColumn1>
+<eraseScreenDown>
+ pattern › 
+<saveCursorPosition>
+<moveCursorToRow6Column12>
+<restoreCursorPosition>
+<eraseLine>
+<moveCursorToColumn1>
+<eraseScreenDown>
+ pattern › b
+<saveCursorPosition>
+<moveCursorToRow6Column13>
+<restoreCursorPosition>
+<eraseLine>
+<moveCursorToColumn1>
+<eraseScreenDown>
+ pattern › ba
+<saveCursorPosition>
+<moveCursorToRow6Column14>
+<restoreCursorPosition>
+<eraseLine>
+<moveCursorToColumn1>
+<eraseScreenDown>
+ pattern › bar
+<saveCursorPosition>
+<moveCursorToRow6Column15>
+<restoreCursorPosition>
+
+<moveCursorDownBy1Row>
+<eraseScreenDown>
+"
 `;
 
 exports[`can press "p" to filter by file name: test results 1`] = `
@@ -43,16 +70,31 @@ Ran all test suites matching /bar/i."
 `;
 
 exports[`can press "t" to filter by test name 1`] = `
-
+"<hideCursor>
+<clearTerminal>
 Pattern Mode Usage
  › Press Esc to exit pattern mode.
  › Press Enter to filter by a tests regex pattern.
 
- pattern › 
- pattern › 2
-
-
-
+<showCursor>
+<eraseLine>
+<moveCursorToColumn1>
+<eraseScreenDown>
+ pattern › 
+<saveCursorPosition>
+<moveCursorToRow6Column12>
+<restoreCursorPosition>
+<eraseLine>
+<moveCursorToColumn1>
+<eraseScreenDown>
+ pattern › 2
+<saveCursorPosition>
+<moveCursorToRow6Column13>
+<restoreCursorPosition>
+
+<moveCursorDownBy1Row>
+<eraseScreenDown>
+"
 `;
 
 exports[`can press "t" to filter by test name: test results 1`] = `

e2e/__tests__/watchModeOnlyFailed.test.ts

@@ -16,11 +16,6 @@ const pluginPath = path.resolve(__dirname, '../MockStdinWatchPlugin');
 beforeEach(() => cleanup(DIR));
 afterAll(() => cleanup(DIR));
 
-expect.addSnapshotSerializer({
-  print: val => (val as string).replace(/\[s\[u/g, '\n'),
-  test: val => typeof val === 'string' && val.includes('[s'),
-});
-
 const setupFiles = (input: Array<{keys: Array<string>}>) => {
   writeFiles(DIR, {
     '__tests__/bar.spec.js': `

e2e/__tests__/watchModePatterns.test.ts

@@ -16,11 +16,6 @@ const pluginPath = path.resolve(__dirname, '../MockStdinWatchPlugin');
 beforeEach(() => cleanup(DIR));
 afterAll(() => cleanup(DIR));
 
-expect.addSnapshotSerializer({
-  print: val => (val as string).replace(/\[s\[u/g, '\n'),
-  test: val => typeof val === 'string' && val.includes('[s'),
-});
-
 const setupFiles = (input: Array<{keys: Array<string>}>) => {
   writeFiles(DIR, {
     '__tests__/bar.spec.js': `

jest.config.mjs

@@ -35,7 +35,7 @@ export default {
   snapshotFormat: {
     escapeString: false,
   },
-  snapshotSerializers: [require.resolve('pretty-format/ConvertAnsi')],
+  snapshotSerializers: [require.resolve('jest-serializer-ansi-escapes')],
   testPathIgnorePatterns: [
     '/__arbitraries__/',
     '/__benchmarks__/',

package.json

@@ -55,6 +55,7 @@
     "jest-junit": "^13.0.0",
     "jest-mock": "workspace:*",
     "jest-runner-tsd": "^3.1.0",
+    "jest-serializer-ansi-escapes": "^1.0.0",
     "jest-silent-reporter": "^0.5.0",
     "jest-snapshot": "workspace:*",
     "jest-watch-typeahead": "^1.1.0",

packages/jest-core/src/__tests__/SnapshotInteractiveMode.test.js

@@ -9,23 +9,6 @@ import chalk from 'chalk';
 import {KEYS} from 'jest-watcher';
 import SnapshotInteractiveMode from '../SnapshotInteractiveMode';
 
-jest
-  .mock('ansi-escapes', () => ({
-    cursorRestorePosition: '[MOCK - cursorRestorePosition]',
-    cursorSavePosition: '[MOCK - cursorSavePosition]',
-    cursorScrollDown: '[MOCK - cursorScrollDown]',
-    cursorTo: (x, y) => `[MOCK - cursorTo(${x}, ${y})]`,
-    cursorUp: () => '[MOCK - cursorUp]',
-    eraseDown: '[MOCK - eraseDown]',
-  }))
-  .mock('jest-util', () => {
-    const {specialChars, ...util} = jest.requireActual('jest-util');
-    return {
-      ...util,
-      specialChars: {...specialChars, CLEAR: '[MOCK - clear]'},
-    };
-  });
-
 jest.doMock('chalk', () =>
   Object.assign(new chalk.Instance({level: 0}), {
     stripColor: str => str,

packages/jest-core/src/__tests__/__snapshots__/SnapshotInteractiveMode.test.js.snap

@@ -1,8 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`SnapshotInteractiveMode skip 1 test, then quit 1`] = `
-"[MOCK - cursorUp]
-[MOCK - eraseDown]
+"<moveCursorUpBy6Rows>
+<eraseScreenDown>
 
 <bold>Interactive Snapshot Progress</>
  › <bold><dim>1 snapshot remaining</></>
@@ -16,7 +16,7 @@ exports[`SnapshotInteractiveMode skip 1 test, then quit 1`] = `
 `;
 
 exports[`SnapshotInteractiveMode skip 1 test, then quit 2`] = `
-"[MOCK - clear]
+"<clearTerminal>
 
 <bold>Interactive Snapshot Result</>
  › <bold><dim>1 snapshot reviewed</></>, <bold><yellow>1 snapshot skipped</></>
@@ -28,8 +28,8 @@ exports[`SnapshotInteractiveMode skip 1 test, then quit 2`] = `
 `;
 
 exports[`SnapshotInteractiveMode skip 1 test, then restart 1`] = `
-"[MOCK - cursorUp]
-[MOCK - eraseDown]
+"<moveCursorUpBy6Rows>
+<eraseScreenDown>
 
 <bold>Interactive Snapshot Progress</>
  › <bold><dim>1 snapshot remaining</></>
@@ -43,7 +43,7 @@ exports[`SnapshotInteractiveMode skip 1 test, then restart 1`] = `
 `;
 
 exports[`SnapshotInteractiveMode skip 1 test, then restart 2`] = `
-"[MOCK - clear]
+"<clearTerminal>
 
 <bold>Interactive Snapshot Result</>
  › <bold><dim>1 snapshot reviewed</></>, <bold><yellow>1 snapshot skipped</></>
@@ -55,8 +55,8 @@ exports[`SnapshotInteractiveMode skip 1 test, then restart 2`] = `
 `;
 
 exports[`SnapshotInteractiveMode skip 1 test, then restart 3`] = `
-"[MOCK - cursorUp]
-[MOCK - eraseDown]
+"<moveCursorUpBy6Rows>
+<eraseScreenDown>
 
 <bold>Interactive Snapshot Progress</>
  › <bold><dim>1 snapshot remaining</></>
@@ -70,8 +70,8 @@ exports[`SnapshotInteractiveMode skip 1 test, then restart 3`] = `
 `;
 
 exports[`SnapshotInteractiveMode skip 1 test, update 1 test, then finish and restart 1`] = `
-"[MOCK - cursorUp]
-[MOCK - eraseDown]
+"<moveCursorUpBy6Rows>
+<eraseScreenDown>
 
 <bold>Interactive Snapshot Progress</>
  › <bold><dim>2 snapshots remaining</></>
@@ -85,8 +85,8 @@ exports[`SnapshotInteractiveMode skip 1 test, update 1 test, then finish and res
 `;
 
 exports[`SnapshotInteractiveMode skip 1 test, update 1 test, then finish and restart 2`] = `
-"[MOCK - cursorUp]
-[MOCK - eraseDown]
+"<moveCursorUpBy6Rows>
+<eraseScreenDown>
 
 <bold>Interactive Snapshot Progress</>
  › <bold><dim>1 snapshot remaining</></>, <bold><yellow>1 snapshot skipped</></>
@@ -100,7 +100,7 @@ exports[`SnapshotInteractiveMode skip 1 test, update 1 test, then finish and res
 `;
 
 exports[`SnapshotInteractiveMode skip 1 test, update 1 test, then finish and restart 3`] = `
-"[MOCK - clear]
+"<clearTerminal>
 
 <bold>Interactive Snapshot Result</>
  › <bold><dim>2 snapshots reviewed</></>, <bold><green>1 snapshot updated</></>, <bold><yellow>1 snapshot skipped</></>
@@ -112,8 +112,8 @@ exports[`SnapshotInteractiveMode skip 1 test, update 1 test, then finish and res
 `;
 
 exports[`SnapshotInteractiveMode skip 1 test, update 1 test, then finish and restart 4`] = `
-"[MOCK - cursorUp]
-[MOCK - eraseDown]
+"<moveCursorUpBy6Rows>
+<eraseScreenDown>
 
 <bold>Interactive Snapshot Progress</>
  › <bold><dim>1 snapshot remaining</></>
@@ -127,8 +127,8 @@ exports[`SnapshotInteractiveMode skip 1 test, update 1 test, then finish and res
 `;
 
 exports[`SnapshotInteractiveMode skip 2 tests, then finish and restart 1`] = `
-"[MOCK - cursorUp]
-[MOCK - eraseDown]
+"<moveCursorUpBy6Rows>
+<eraseScreenDown>
 
 <bold>Interactive Snapshot Progress</>
  › <bold><dim>2 snapshots remaining</></>
@@ -142,8 +142,8 @@ exports[`SnapshotInteractiveMode skip 2 tests, then finish and restart 1`] = `
 `;
 
 exports[`SnapshotInteractiveMode skip 2 tests, then finish and restart 2`] = `
-"[MOCK - cursorUp]
-[MOCK - eraseDown]
+"<moveCursorUpBy6Rows>
+<eraseScreenDown>
 
 <bold>Interactive Snapshot Progress</>
  › <bold><dim>1 snapshot remaining</></>, <bold><yellow>1 snapshot skipped</></>
@@ -157,7 +157,7 @@ exports[`SnapshotInteractiveMode skip 2 tests, then finish and restart 2`] = `
 `;
 
 exports[`SnapshotInteractiveMode skip 2 tests, then finish and restart 3`] = `
-"[MOCK - clear]
+"<clearTerminal>
 
 <bold>Interactive Snapshot Result</>
  › <bold><dim>2 snapshots reviewed</></>, <bold><yellow>2 snapshots skipped</></>
@@ -169,8 +169,8 @@ exports[`SnapshotInteractiveMode skip 2 tests, then finish and restart 3`] = `
 `;
 
 exports[`SnapshotInteractiveMode skip 2 tests, then finish and restart 4`] = `
-"[MOCK - cursorUp]
-[MOCK - eraseDown]
+"<moveCursorUpBy6Rows>
+<eraseScreenDown>
 
 <bold>Interactive Snapshot Progress</>
  › <bold><dim>2 snapshots remaining</></>
@@ -184,8 +184,8 @@ exports[`SnapshotInteractiveMode skip 2 tests, then finish and restart 4`] = `
 `;
 
 exports[`SnapshotInteractiveMode update 1 test, skip 1 test, then finish and restart 1`] = `
-"[MOCK - cursorUp]
-[MOCK - eraseDown]
+"<moveCursorUpBy6Rows>
+<eraseScreenDown>
 
 <bold>Interactive Snapshot Progress</>
  › <bold><dim>2 snapshots remaining</></>
@@ -199,8 +199,8 @@ exports[`SnapshotInteractiveMode update 1 test, skip 1 test, then finish and res
 `;
 
 exports[`SnapshotInteractiveMode update 1 test, skip 1 test, then finish and restart 2`] = `
-"[MOCK - cursorUp]
-[MOCK - eraseDown]
+"<moveCursorUpBy6Rows>
+<eraseScreenDown>
 
 <bold>Interactive Snapshot Progress</>
  › <bold><dim>1 snapshot remaining</></>, <bold><green>1 snapshot updated</></>
@@ -214,7 +214,7 @@ exports[`SnapshotInteractiveMode update 1 test, skip 1 test, then finish and res
 `;
 
 exports[`SnapshotInteractiveMode update 1 test, skip 1 test, then finish and restart 3`] = `
-"[MOCK - clear]
+"<clearTerminal>
 
 <bold>Interactive Snapshot Result</>
  › <bold><dim>2 snapshots reviewed</></>, <bold><green>1 snapshot updated</></>, <bold><yellow>1 snapshot skipped</></>
@@ -226,8 +226,8 @@ exports[`SnapshotInteractiveMode update 1 test, skip 1 test, then finish and res
 `;
 
 exports[`SnapshotInteractiveMode update 1 test, skip 1 test, then finish and restart 4`] = `
-"[MOCK - cursorUp]
-[MOCK - eraseDown]
+"<moveCursorUpBy6Rows>
+<eraseScreenDown>
 
 <bold>Interactive Snapshot Progress</>
  › <bold><dim>1 snapshot remaining</></>
@@ -241,8 +241,8 @@ exports[`SnapshotInteractiveMode update 1 test, skip 1 test, then finish and res
 `;
 
 exports[`SnapshotInteractiveMode update 1 test, then finish and return 1`] = `
-"[MOCK - cursorUp]
-[MOCK - eraseDown]
+"<moveCursorUpBy6Rows>
+<eraseScreenDown>
 
 <bold>Interactive Snapshot Progress</>
  › <bold><dim>1 snapshot remaining</></>
@@ -256,7 +256,7 @@ exports[`SnapshotInteractiveMode update 1 test, then finish and return 1`] = `
 `;
 
 exports[`SnapshotInteractiveMode update 1 test, then finish and return 2`] = `
-"[MOCK - clear]
+"<clearTerminal>
 
 <bold>Interactive Snapshot Result</>
  › <bold><dim>1 snapshot reviewed</></>, <bold><green>1 snapshot updated</></>
@@ -267,8 +267,8 @@ exports[`SnapshotInteractiveMode update 1 test, then finish and return 2`] = `
 `;
 
 exports[`SnapshotInteractiveMode update 2 tests, then finish and return 1`] = `
-"[MOCK - cursorUp]
-[MOCK - eraseDown]
+"<moveCursorUpBy6Rows>
+<eraseScreenDown>
 
 <bold>Interactive Snapshot Progress</>
  › <bold><dim>2 snapshots remaining</></>
@@ -282,8 +282,8 @@ exports[`SnapshotInteractiveMode update 2 tests, then finish and return 1`] = `
 `;
 
 exports[`SnapshotInteractiveMode update 2 tests, then finish and return 2`] = `
-"[MOCK - cursorUp]
-[MOCK - eraseDown]
+"<moveCursorUpBy6Rows>
+<eraseScreenDown>
 
 <bold>Interactive Snapshot Progress</>
  › <bold><dim>1 snapshot remaining</></>, <bold><green>1 snapshot updated</></>
@@ -297,7 +297,7 @@ exports[`SnapshotInteractiveMode update 2 tests, then finish and return 2`] = `
 `;
 
 exports[`SnapshotInteractiveMode update 2 tests, then finish and return 3`] = `
-"[MOCK - clear]
+"<clearTerminal>
 
 <bold>Interactive Snapshot Result</>
  › <bold><dim>2 snapshots reviewed</></>, <bold><green>2 snapshots updated</></>