fix: revert concordance diff, use jest's diff output

packages/expect/src/jest-expect.ts

@@ -356,10 +356,10 @@ export const JestChaiExpect: ChaiPlugin = (chai, utils) => {
   }
   const formatCalls = (spy: EnhancedSpy, msg: string, actualCall?: any) => {
     if (spy.mock.calls) {
-      msg += c().gray(`\n\nReceived: \n${spy.mock.calls.map((callArg, i) => {
-        let methodCall = c().bold(`    ${ordinalOf(i + 1)} ${spy.getMockName()} call:\n\n`)
+      msg += c().gray(`\n\nReceived: \n\n${spy.mock.calls.map((callArg, i) => {
+        let methodCall = c().bold(`  ${ordinalOf(i + 1)} ${spy.getMockName()} call:\n\n`)
         if (actualCall)
-          methodCall += diff(actualCall, callArg, { showLegend: false })
+          methodCall += diff(actualCall, callArg, { omitAnnotationLines: true })
         else
           methodCall += stringify(callArg).split('\n').map(line => `    ${line}`).join('\n')
 
@@ -371,10 +371,10 @@ export const JestChaiExpect: ChaiPlugin = (chai, utils) => {
     return msg
   }
   const formatReturns = (spy: EnhancedSpy, msg: string, actualReturn?: any) => {
-    msg += c().gray(`\n\nReceived: \n${spy.mock.results.map((callReturn, i) => {
-      let methodCall = c().bold(`    ${ordinalOf(i + 1)} ${spy.getMockName()} call return:\n\n`)
+    msg += c().gray(`\n\nReceived: \n\n${spy.mock.results.map((callReturn, i) => {
+      let methodCall = c().bold(`  ${ordinalOf(i + 1)} ${spy.getMockName()} call return:\n\n`)
       if (actualReturn)
-        methodCall += diff(actualReturn, callReturn.value, { showLegend: false })
+        methodCall += diff(actualReturn, callReturn.value, { omitAnnotationLines: true })
       else
         methodCall += stringify(callReturn).split('\n').map(line => `    ${line}`).join('\n')
 

packages/expect/src/jest-matcher-utils.ts

@@ -1,7 +1,7 @@
 import { getColors, stringify } from '@vitest/utils'
-import { unifiedDiff } from '@vitest/utils/diff'
-import type { DiffOptions, MatcherHintOptions } from './types'
+import type { MatcherHintOptions } from './types'
 
+export { diff } from '@vitest/utils/diff'
 export { stringify }
 
 export function getMatcherUtils() {
@@ -101,10 +101,3 @@ export function getMatcherUtils() {
     printExpected,
   }
 }
-
-// TODO: do something with options
-export function diff(a: any, b: any, options?: DiffOptions) {
-  return unifiedDiff(b, a, {
-    showLegend: options?.showLegend,
-  })
-}

packages/expect/src/types.ts

@@ -17,6 +17,8 @@ export type ChaiPlugin = FirstFunctionArgument<typeof chaiUse>
 
 export type Tester = (a: any, b: any) => boolean | undefined
 
+export type { DiffOptions } from '@vitest/utils/diff'
+
 export interface MatcherHintOptions {
   comment?: string
   expectedColor?: Formatter
@@ -28,29 +30,6 @@ export interface MatcherHintOptions {
   secondArgumentColor?: Formatter
 }
 
-export interface DiffOptions {
-  aAnnotation?: string
-  aColor?: Formatter
-  aIndicator?: string
-  bAnnotation?: string
-  bColor?: Formatter
-  bIndicator?: string
-  changeColor?: Formatter
-  changeLineTrailingSpaceColor?: Formatter
-  commonColor?: Formatter
-  commonIndicator?: string
-  commonLineTrailingSpaceColor?: Formatter
-  contextLines?: number
-  emptyFirstOrLastLinePlaceholder?: string
-  expand?: boolean
-  includeChangeCounts?: boolean
-  omitAnnotationLines?: boolean
-  patchColor?: Formatter
-  // pretty-format type
-  compareKeys?: any
-  showLegend?: boolean
-}
-
 export interface MatcherState {
   assertionCalls: number
   currentTestName?: string

packages/ui/client/components/views/ViewReportError.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { ErrorWithDiff } from '#types'
-import { unifiedDiff } from '~/composables/diff'
 import { openInEditor, shouldOpenInEditor } from '~/composables/error'
 
 const props = defineProps<{
@@ -20,7 +19,7 @@ const isDiffShowable = computed(() => {
 })
 
 function diff() {
-  return unifiedDiff(props.error.actual, props.error.expected)
+  return props.error.diff
 }
 </script>
 

packages/utils/package.json

@@ -47,7 +47,7 @@
     "prepublishOnly": "pnpm build"
   },
   "dependencies": {
-    "concordance": "^5.0.4",
+    "diff-sequences": "^29.4.3",
     "loupe": "^2.3.6",
     "pretty-format": "^27.5.1"
   }

packages/utils/rollup.config.js

@@ -9,7 +9,7 @@ import pkg from './package.json' assert { type: 'json' }
 const entries = {
   index: 'src/index.ts',
   helpers: 'src/helpers.ts',
-  diff: 'src/diff.ts',
+  diff: 'src/diff/index.ts',
   error: 'src/error.ts',
   types: 'src/types.ts',
 }