vitest-plugin-vis
Version:
Vitest visual testing plugin
1 lines • 31 kB
Source Map (JSON)
{"version":3,"file":"auto_snapshot_matcher-C0y6mAeS.mjs","names":["parent: null | ParentNode","pixelmatch","ctx","ctx: Awaited<typeof import('vitest/browser')>","ctx","success: SyncExpectationResult","l: any[]","subject: string | undefined","errors: Array<[string, Error]>"],"sources":["../src/client/actions/has_image_snapshot_action.ts","../src/client/external/browser/selector.ts","../src/shared/convert_threshold_unit.ts","../src/shared/compare_image.ts","../src/client/external/browser/image_data.ts","../src/client/external/vitest/vitest_browser_context_proxy.ts","../src/shared/get_max_size.ts","../src/shared/is_same_size.ts","../src/client/external/browser/image_resizer.ts","../src/client/image/align_images.ts","../src/client/snapshot/compare_image_snapshot.logic.ts","../src/client/snapshot/compare_image_snapshot.ts","../src/client/actions/match_image_snapshot_action.ts","../src/client/actions/match_page_image_snapshot_action.ts","../src/client/expect/expectation_result.ts","../src/client/external/browser/has_render_content.ts","../src/client/snapshot/should_take_snapshot.ts","../src/client/task/task_id.ts","../src/client/suite/_ctx.ts","../src/client/suite/auto_snapshot_matcher.ts"],"sourcesContent":["import type { HasImageSnapshotCommand, ImageSnapshotNextIndexCommand } from '../../shared/commands.types.ts'\nimport type { ImageSnapshotKeyOptions } from '../../shared/types.ts'\n\nexport function hasImageSnapshotAction(\n\tcommands: ImageSnapshotNextIndexCommand & HasImageSnapshotCommand,\n\ttaskId: string,\n\toptions?: ImageSnapshotKeyOptions | undefined,\n) {\n\tif (options?.snapshotKey?.includes('-')) {\n\t\tthrow new Error('Snapshot key cannot contain dash')\n\t}\n\n\treturn commands.hasImageSnapshot(taskId, options?.snapshotKey)\n}\n","/**\n * Most of the code in this file is copied from Vitest.\n *\n * @see https://github.com/vitest-dev/vitest/blob/main/packages/browser/src/client/utils.ts\n */\n\nexport function convertElementToCssSelector(element: Element) {\n\tif (!element || !(element instanceof Element)) {\n\t\tthrow new Error(`Expected DOM element to be an instance of Element, received ${typeof element}`)\n\t}\n\n\treturn getUniqueCssSelector(element)\n}\n\nfunction escapeIdForCSSSelector(id: string) {\n\treturn id\n\t\t.split('')\n\t\t.map((char) => {\n\t\t\tconst code = char.charCodeAt(0)\n\n\t\t\tif (\n\t\t\t\tchar === ' ' ||\n\t\t\t\tchar === '#' ||\n\t\t\t\tchar === '.' ||\n\t\t\t\tchar === ':' ||\n\t\t\t\tchar === '[' ||\n\t\t\t\tchar === ']' ||\n\t\t\t\tchar === '>' ||\n\t\t\t\tchar === '+' ||\n\t\t\t\tchar === '~' ||\n\t\t\t\tchar === '\\\\'\n\t\t\t) {\n\t\t\t\t// Escape common special characters with backslashes\n\t\t\t\treturn `\\\\${char}`\n\t\t\t}\n\t\t\tif (code >= 0x10000) {\n\t\t\t\t// Unicode escape for characters outside the BMP\n\t\t\t\treturn `\\\\${code.toString(16).toUpperCase().padStart(6, '0')} `\n\t\t\t}\n\t\t\tif (code < 0x20 || code === 0x7f) {\n\t\t\t\t// Non-printable ASCII characters (0x00-0x1F and 0x7F) are escaped\n\t\t\t\treturn `\\\\${code.toString(16).toUpperCase().padStart(2, '0')} `\n\t\t\t}\n\t\t\tif (code >= 0x80) {\n\t\t\t\t// Non-ASCII characters (0x80 and above) are escaped\n\t\t\t\treturn `\\\\${code.toString(16).toUpperCase().padStart(2, '0')} `\n\t\t\t}\n\t\t\t// Allowable characters are used directly\n\t\t\treturn char\n\t\t})\n\t\t.join('')\n}\n\nfunction getUniqueCssSelector(el: Element) {\n\tconst path = []\n\tlet parent: null | ParentNode\n\tlet hasShadowRoot = false\n\t// eslint-disable-next-line no-cond-assign\n\twhile ((parent = getParent(el))) {\n\t\tif ((parent as Element).shadowRoot) {\n\t\t\thasShadowRoot = true\n\t\t}\n\n\t\tconst tag = el.tagName\n\t\tif (el.id) {\n\t\t\tpath.push(`#${escapeIdForCSSSelector(el.id)}`)\n\t\t} else if (!el.nextElementSibling && !el.previousElementSibling) {\n\t\t\tpath.push(tag.toLowerCase())\n\t\t} else {\n\t\t\tlet index = 0\n\t\t\tlet sameTagSiblings = 0\n\t\t\tlet elementIndex = 0\n\n\t\t\tfor (const sibling of parent.children) {\n\t\t\t\tindex++\n\t\t\t\tif (sibling.tagName === tag) {\n\t\t\t\t\tsameTagSiblings++\n\t\t\t\t}\n\t\t\t\tif (sibling === el) {\n\t\t\t\t\telementIndex = index\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (sameTagSiblings > 1) {\n\t\t\t\tpath.push(`${tag.toLowerCase()}:nth-child(${elementIndex})`)\n\t\t\t} else {\n\t\t\t\tpath.push(tag.toLowerCase())\n\t\t\t}\n\t\t}\n\t\tel = parent as Element\n\t}\n\treturn `${getBrowserState().provider === 'webdriverio' && hasShadowRoot ? '>>>' : ''}${path.reverse().join(' > ')}`\n}\n\nfunction getParent(el: Element) {\n\tconst parent = el.parentNode\n\tif (parent instanceof ShadowRoot) {\n\t\treturn parent.host\n\t}\n\treturn parent\n}\nfunction getBrowserState(): { provider: 'webdriverio' | 'playwright' } {\n\t// @ts-expect-error not typed global\n\treturn window.__vitest_browser_runner__\n}\n","export function convertThresholdUnit(\n\t{ failureThresholdType, width, height }: { failureThresholdType: 'pixel' | 'percent'; width: number; height: number },\n\tpixelDiff: number,\n): number {\n\tswitch (failureThresholdType) {\n\t\tcase 'pixel':\n\t\t\treturn pixelDiff\n\t\tcase 'percent':\n\t\t\treturn (pixelDiff / (width * height)) * 100\n\t\tdefault:\n\t\t\tthrow new Error(`Unsupported failureThresholdType: ${failureThresholdType}`)\n\t}\n}\n","import pixelmatch from 'pixelmatch'\nimport { type Options, ssim } from 'ssim.js'\nimport { convertThresholdUnit } from './convert_threshold_unit.ts'\nimport type { ComparisonMethod, ImageSnapshotCompareOptions } from './types.ts'\n\nexport function compareImage<M extends ComparisonMethod>(\n\timg1: Uint8ClampedArray | Buffer,\n\timg2: Uint8ClampedArray | Buffer,\n\toutput: Uint8ClampedArray | Buffer,\n\twidth: number,\n\theight: number,\n\toptions: ImageSnapshotCompareOptions<M> = {} as any,\n) {\n\tconst pixelDiff =\n\t\toptions.comparisonMethod === 'ssim'\n\t\t\t? compareWithSsim(img1, img2, output, width, height, options.diffOptions)\n\t\t\t: pixelmatch(img1, img2, output, width, height, options.diffOptions)\n\tconst diffAmount = convertThresholdUnit(\n\t\t{ failureThresholdType: options.failureThresholdType ?? 'pixel', width, height },\n\t\tpixelDiff,\n\t)\n\n\treturn {\n\t\tpass: diffAmount <= (options.failureThreshold ?? 0),\n\t\tdiffAmount,\n\t}\n}\n\n/**\n * @author This code is based on `jest-image-snapshot` implementation.\n */\nfunction compareWithSsim(\n\timg1: Uint8ClampedArray | Buffer,\n\timg2: Uint8ClampedArray | Buffer,\n\toutput: Uint8ClampedArray | Buffer,\n\twidth: number,\n\theight: number,\n\tdiffOptions?: Partial<Options>,\n) {\n\tconst newImage = { data: img1, width: width, height: height }\n\tconst baselineImage = { data: img2, width: width, height: height }\n\tconst { ssim_map, mssim } = ssim(newImage as any, baselineImage as any, {\n\t\tssim: 'bezkrovny',\n\t\t...diffOptions,\n\t})\n\t// Converts the SSIM value to different pixels based on image width and height\n\t// conforms to how pixelmatch works.\n\tconst diffPixels = Math.round((1 - mssim) * width * height)\n\tconst diffRgbaPixels = new DataView(output.buffer, output.byteOffset)\n\tfor (let ln = 0; ln !== height; ++ln) {\n\t\tfor (let pos = 0; pos !== width; ++pos) {\n\t\t\tconst rPos = ln * width + pos\n\t\t\t// initial value is transparent. We'll add in the SSIM offset.\n\t\t\t// red (ff) green (00) blue (00) alpha (00)\n\t\t\tconst diffValue =\n\t\t\t\t0xff000000 +\n\t\t\t\tMath.floor(\n\t\t\t\t\t0xff *\n\t\t\t\t\t\t(1 -\n\t\t\t\t\t\t\tssim_map.data[\n\t\t\t\t\t\t\t\tssim_map.width * Math.round((ssim_map.height * ln) / height) +\n\t\t\t\t\t\t\t\t\tMath.round((ssim_map.width * pos) / width)\n\t\t\t\t\t\t\t]!),\n\t\t\t\t)\n\t\t\tdiffRgbaPixels.setUint32(rPos * 4, diffValue)\n\t\t}\n\t}\n\treturn diffPixels\n}\n","export function toImageData(base64: string) {\n\treturn new Promise<ImageData>((resolve, reject) => {\n\t\tconst img = new Image()\n\t\timg.src = `data:image/png;base64,${base64}`\n\n\t\timg.onload = () => {\n\t\t\tconst canvas = document.createElement('canvas')\n\t\t\tcanvas.width = img.width\n\t\t\tcanvas.height = img.height\n\t\t\tconst ctx = canvas.getContext('2d')!\n\t\t\tctx.drawImage(img, 0, 0)\n\t\t\tresolve(ctx.getImageData(0, 0, canvas.width, canvas.height))\n\t\t}\n\n\t\timg.onerror = () => {\n\t\t\treject(new Error('Failed to load image'))\n\t\t}\n\t})\n}\n\nexport async function toDataURL(imageData: ImageData) {\n\tconst canvas = document.createElement('canvas')\n\tcanvas.width = imageData.width\n\tcanvas.height = imageData.height\n\tconst ctx = canvas.getContext('2d')!\n\tctx.putImageData(imageData, 0, 0)\n\treturn new Promise<string>((resolve) => {\n\t\tcanvas.toBlob((blob) => {\n\t\t\tconst reader = new FileReader()\n\t\t\treader.onload = () => {\n\t\t\t\tresolve(reader.result as string)\n\t\t\t}\n\t\t\treader.readAsDataURL(blob!)\n\t\t})\n\t})\n}\n","import type { SerializedConfig } from 'vitest'\nimport type { BrowserCommands, Platform } from 'vitest/browser'\n\nlet ctx: Awaited<typeof import('vitest/browser')>\n\nif ((globalThis as any).__vitest_browser__) {\n\timport('vitest/browser').then((m) => {\n\t\tctx = m\n\t})\n}\n\nexport const server = new Proxy<{\n\t/**\n\t * Platform the Vitest server is running on.\n\t * The same as calling `process.platform` on the server.\n\t */\n\tplatform: Platform\n\t/**\n\t * Runtime version of the Vitest server.\n\t * The same as calling `process.version` on the server.\n\t */\n\tversion: string\n\t/**\n\t * Name of the browser provider.\n\t */\n\tprovider: string\n\t/**\n\t * Name of the current browser.\n\t */\n\tbrowser: string\n\t/**\n\t * Available commands for the browser.\n\t * @see {@link https://vitest.dev/guide/browser/commands}\n\t */\n\tcommands: BrowserCommands\n\t/**\n\t * Serialized test config.\n\t */\n\tconfig: SerializedConfig\n}>({} as any, {\n\tget(target, prop) {\n\t\treturn (target as any)[prop] ?? (ctx?.server as any)[prop]\n\t},\n})\n","export function getMaxSize(image1: { width: number; height: number }, image2: { width: number; height: number }) {\n\tconst width = Math.max(image1.width, image2.width)\n\tconst height = Math.max(image1.height, image2.height)\n\treturn { width, height }\n}\n","export function isSameSize(image1: { width: number; height: number }, image2: { width: number; height: number }) {\n\treturn image1.width === image2.width && image1.height === image2.height\n}\n","import { isSameSize } from '../../../shared/is_same_size.ts'\n\nexport const createImageResizer =\n\t({ width, height }: { width: number; height: number }) =>\n\t(image: ImageData) => {\n\t\tif (isSameSize(image, { width, height })) return image\n\n\t\tconst inArea = (x: number, y: number) => y <= image.height && x <= image.width\n\n\t\tconst data = new Uint8ClampedArray(width * height * 4)\n\t\tconst result = new ImageData(data, width, height, { colorSpace: image.colorSpace })\n\n\t\tfor (let y = 0; y < height; y++) {\n\t\t\tfor (let x = 0; x < width; x++) {\n\t\t\t\tconst idx = (width * y + x) << 2\n\t\t\t\tif (inArea(x, y)) {\n\t\t\t\t\tconst old = (image.width * y + x) << 2\n\t\t\t\t\tresult.data[idx] = image.data[old]!\n\t\t\t\t\tresult.data[idx + 1] = image.data[old + 1]!\n\t\t\t\t\tresult.data[idx + 2] = image.data[old + 2]!\n\t\t\t\t\tresult.data[idx + 3] = image.data[old + 3]!\n\t\t\t\t} else {\n\t\t\t\t\tresult.data[idx] = 0\n\t\t\t\t\tresult.data[idx + 1] = 0\n\t\t\t\t\tresult.data[idx + 2] = 0\n\t\t\t\t\tresult.data[idx + 3] = 64\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn result\n\t}\n\n// slower\nexport const createImageResizer2 =\n\t({ width, height }: { width: number; height: number }) =>\n\t(image: ImageData) => {\n\t\tif (isSameSize(image, { width, height })) return image\n\n\t\tconst inArea = (x: number, y: number) => y <= image.height && x <= image.width\n\n\t\tconst data = new Uint8ClampedArray(width * height * 4)\n\t\tconst result = new ImageData(data, width, height, { colorSpace: image.colorSpace })\n\n\t\tconst copyBytes = image.width * 4\n\t\tfor (let y = 0; y < height; y++) {\n\t\t\tresult.data.set(image.data.slice(y * image.width, copyBytes), y * width * 4)\n\t\t\tfor (let x = image.width; x < width; x++) {\n\t\t\t\tconst idx = (width * y + x) << 2\n\t\t\t\tif (!inArea(x, y)) {\n\t\t\t\t\tresult.data[idx] = 0\n\t\t\t\t\tresult.data[idx + 1] = 0\n\t\t\t\t\tresult.data[idx + 2] = 0\n\t\t\t\t\tresult.data[idx + 3] = 64\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn result\n\t}\n","import { getMaxSize } from '../../shared/get_max_size.ts'\nimport { isSameSize } from '../../shared/is_same_size.ts'\nimport { createImageResizer } from '../external/browser/image_resizer.ts'\n\nexport function alignImagesToSameSize(image1: ImageData, image2: ImageData): [image1: ImageData, image2: ImageData] {\n\tif (isSameSize(image1, image2)) return [image1, image2] as const\n\n\tconst size = getMaxSize(image1, image2)\n\tconst resize = createImageResizer(size)\n\treturn [resize(image1), resize(image2)] as const\n}\n","import type { ToMatchImageSnapshotOptions } from '../../shared/types.ts'\n\nexport function prettifyOptions(options: ToMatchImageSnapshotOptions<any> | undefined) {\n\tif (!options) return 'none'\n\n\treturn [\n\t\t`failureThreshold: ${options.failureThreshold ?? 0} ${options.failureThresholdType ?? 'pixels'}`,\n\t\toptions.timeout ? `timeout: ${options.timeout} ms` : '',\n\t\t`comparisonMethod: ${options.comparisonMethod ?? 'pixel'}`,\n\t\toptions.diffOptions ? `diffOptions: ${JSON.stringify(options.diffOptions)}` : '',\n\t]\n\t\t.filter(Boolean)\n\t\t.join('\\n ')\n}\n","import dedent from 'dedent'\nimport { resolve } from 'pathe'\nimport type { BrowserCommands } from 'vitest/browser'\nimport type {\n\tImageSnapshotNextIndexCommand,\n\tPrepareImageSnapshotComparisonCommand,\n} from '../../shared/commands.types.ts'\nimport { compareImage } from '../../shared/compare_image.ts'\nimport type { ImageSnapshotComparisonInfo, ToMatchImageSnapshotOptions } from '../../shared/types.ts'\nimport { toDataURL, toImageData } from '../external/browser/image_data.ts'\nimport { server } from '../external/vitest/vitest_browser_context_proxy.ts'\nimport { alignImagesToSameSize } from '../image/align_images.ts'\nimport { prettifyOptions } from './compare_image_snapshot.logic.ts'\n\nexport async function compareImageSnapshot(\n\tcommands: BrowserCommands & PrepareImageSnapshotComparisonCommand & ImageSnapshotNextIndexCommand,\n\ttaskId: string,\n\tinfo: ImageSnapshotComparisonInfo,\n\toptions?: ToMatchImageSnapshotOptions<any>,\n) {\n\toptions = { ...info, ...options } as any\n\n\tconst baselineImage = await toImageData(info.baseline)\n\tconst resultImage = await toImageData(info.result)\n\tconst [baselineAlignedImage, resultAlignedImage] = alignImagesToSameSize(baselineImage, resultImage)\n\tconst { width, height } = baselineAlignedImage\n\tconst diffImage = new ImageData(width, height)\n\tconst { pass, diffAmount } = compareImage(\n\t\tbaselineAlignedImage.data,\n\t\tresultAlignedImage.data,\n\t\tdiffImage.data,\n\t\twidth,\n\t\theight,\n\t\toptions,\n\t)\n\tif (pass) {\n\t\tif (options?.expectToFail) {\n\t\t\tthrow new Error(\n\t\t\t\tdedent`Snapshot \\`${taskId}\\` matched but expected to fail.\n\n\t\t\t\t\t\t\tOptions: ${prettifyOptions(options)}\n\t\t\t\t\t\t\tDiff: ${options.failureThresholdType === 'percent' ? `${diffAmount}%` : `${diffAmount} pixels`}\n\n\t\t\t\t\t\t\tExpected: ${resolve(info.projectRoot, info.baselinePath)}\n\t\t\t\t\t\t\tActual: ${resolve(info.projectRoot, info.resultPath)}`,\n\t\t\t)\n\t\t}\n\t\treturn\n\t}\n\tif (server.config.snapshotOptions.updateSnapshot === 'all' && !options?.expectToFail) {\n\t\tawait writeSnapshot(commands, resolve(info.projectRoot, info.baselinePath), resultImage)\n\t\treturn\n\t}\n\n\tawait writeSnapshot(commands, resolve(info.projectRoot, info.diffPath), diffImage)\n\n\tthrow new Error(\n\t\tdedent`Snapshot \\`${taskId}\\` mismatched\n\n\t\t\t\t\t${\n\t\t\t\t\t\toptions?.failureThreshold\n\t\t\t\t\t\t\t? options?.failureThresholdType === 'percent'\n\t\t\t\t\t\t\t\t? `Expected image to match within ${options.failureThreshold}% but was differ by ${diffAmount}%.`\n\t\t\t\t\t\t\t\t: `Expected image to match within ${options.failureThreshold} pixels but was differ by ${diffAmount} pixels.`\n\t\t\t\t\t\t\t: `Expected image to match but was differ by ${options?.failureThresholdType === 'percent' ? `${diffAmount}%` : `${diffAmount} pixels`}.`\n\t\t\t\t\t}${\n\t\t\t\t\t\tbaselineImage.width !== resultImage.width || baselineImage.height !== resultImage.height\n\t\t\t\t\t\t\t? `\\nThe image size changed from ${baselineImage.width}x${baselineImage.height} to ${resultImage.width}x${resultImage.height}.`\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\n\t\t\t\t\tOptions: ${prettifyOptions(options)}\n\n\t\t\t\t\tExpected: ${resolve(info.projectRoot, info.baselinePath)}\n\t\t\t\t\tActual: ${resolve(info.projectRoot, info.resultPath)}\n\t\t\t\t\tDifference: ${resolve(info.projectRoot, info.diffPath)}`,\n\t)\n}\n\nasync function writeSnapshot(commands: BrowserCommands, path: string, image: ImageData) {\n\tconst content = (await toDataURL(image)).split(',')[1]!\n\treturn commands.writeFile(path, content, { encoding: 'base64' })\n}\n","import type { BrowserCommands } from 'vitest/browser'\nimport { assertSnapshotKeyWithoutDash } from '../../shared/asserts.ts'\nimport { isBase64String } from '../../shared/base64.ts'\nimport type {\n\tImageSnapshotNextIndexCommand,\n\tPrepareImageSnapshotComparisonCommand,\n} from '../../shared/commands.types.ts'\nimport type { ToMatchImageSnapshotOptions } from '../../shared/types.ts'\nimport { convertElementToCssSelector } from '../external/browser/selector.ts'\nimport { compareImageSnapshot } from '../snapshot/compare_image_snapshot.ts'\n\nexport async function matchImageSnapshotAction(\n\tcommands: BrowserCommands & PrepareImageSnapshotComparisonCommand & ImageSnapshotNextIndexCommand,\n\ttaskId: string,\n\tsubject: any,\n\toptions?: ToMatchImageSnapshotOptions<any>,\n) {\n\tassertSnapshotKeyWithoutDash(options?.snapshotKey)\n\n\tconst info = await commands.prepareImageSnapshotComparison(taskId, parseImageSnapshotSubject(subject), options)\n\n\tif (!info) return\n\n\treturn compareImageSnapshot(commands, taskId, info, options)\n}\n\nfunction parseImageSnapshotSubject(subject: any) {\n\tif (subject instanceof Element) return convertElementToCssSelector(subject)\n\tif (subject?.['selector']) return subject['selector']\n\tif (isBase64String(subject)) return subject\n\tthrow new Error(\n\t\t`'toMatchImageSnapshot()' expects the subject to be an element, locator, or image encoded in base64 string, but got: ${subject}`,\n\t)\n}\n","import type { BrowserCommands } from 'vitest/browser'\nimport { assertSnapshotKeyWithoutDash } from '../../shared/asserts.ts'\nimport type {\n\tImageSnapshotNextIndexCommand,\n\tPrepareImageSnapshotComparisonCommand,\n} from '../../shared/commands.types.ts'\nimport type { ToMatchImageSnapshotOptions } from '../../shared/types.ts'\nimport { compareImageSnapshot } from '../snapshot/compare_image_snapshot.ts'\n\nexport async function matchPageImageSnapshotAction(\n\tcommands: BrowserCommands & PrepareImageSnapshotComparisonCommand & ImageSnapshotNextIndexCommand,\n\ttaskId: string,\n\toptions?: ToMatchImageSnapshotOptions<any>,\n) {\n\tassertSnapshotKeyWithoutDash(options?.snapshotKey)\n\n\tconst info = await commands.preparePageImageSnapshotComparison(taskId, options)\n\n\tif (!info) return\n\n\treturn compareImageSnapshot(commands, taskId, info, options)\n}\n","import type { SyncExpectationResult } from '@vitest/expect'\n\nexport const success: SyncExpectationResult = {\n\tpass: true,\n\t/* v8 ignore next */\n\tmessage: () => '',\n}\n","export function hasRenderContent() {\n\treturn document.body.childElementCount > 0\n}\n","import { hasRenderContent } from '../external/browser/has_render_content.ts'\nimport type { SnapshotMeta } from '../task/snapshot_meta.ts'\n\nexport function shouldTakeSnapshot(meta: SnapshotMeta<any> | undefined) {\n\treturn hasRenderContent() && meta?.enable\n}\n","type Task = {\n\tname: string\n\tsuite?: Task | undefined\n}\n\nexport function toTaskId(task: Task) {\n\tconst l: any[] = []\n\tlet t = task\n\twhile (t?.suite) {\n\t\tl.unshift(t.suite.name.replace(/[^a-z0-9]/gi, '-').toLowerCase())\n\t\tt = t.suite\n\t}\n\n\tl.push(task.name.replace(/[^a-z0-9]/gi, '-').toLowerCase())\n\treturn l.join('/')\n}\n","import { getCurrentTest } from '../external/vitest/vitest_suite_proxy.ts'\n\nexport const ctx = {\n\tgetCurrentTest,\n\t__test__reset() {\n\t\tctx.getCurrentTest = getCurrentTest\n\t},\n}\n","import dedent from 'dedent'\nimport type { SetupVisSuiteCommand } from '../../shared/commands.types.ts'\nimport type { ComparisonMethod } from '../../shared/types.ts'\nimport { shouldTakeSnapshot } from '../snapshot/should_take_snapshot.ts'\nimport { extractAutoSnapshotOptions } from '../task/auto_snapshot_options.ts'\nimport type { SnapshotMeta } from '../task/snapshot_meta.ts'\nimport { toTaskId } from '../task/task_id.ts'\nimport { ctx } from './_ctx.ts'\n\nexport function autoSnapshotMatcher<GM extends Record<string, any> | unknown = unknown>(\n\tcommands: SetupVisSuiteCommand,\n\texpect: any,\n) {\n\tlet subject: string | undefined\n\n\treturn {\n\t\tasync setup() {\n\t\t\tsubject = (await commands.setupVisSuite()).subject\n\t\t},\n\t\tcreateMatcher<C extends ComparisonMethod, M extends Record<string, any> | unknown = unknown>(\n\t\t\tthemes: Record<\n\t\t\t\tstring,\n\t\t\t\tboolean | ((options: SnapshotMeta<C> & M & GM) => Promise<boolean> | Promise<void> | boolean | void)\n\t\t\t>,\n\t\t) {\n\t\t\treturn async function matchImageSnapshot() {\n\t\t\t\tconst test = ctx.getCurrentTest()\n\t\t\t\tif ((test?.result?.errors?.length ?? 0) > 0) return\n\n\t\t\t\tconst meta = extractAutoSnapshotOptions(test)\n\t\t\t\tif (!shouldTakeSnapshot(meta)) return\n\t\t\t\tconst errors: Array<[string, Error]> = []\n\t\t\t\tfor (const themeId in themes) {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tawait new Promise((a) => setTimeout(a, 10))\n\t\t\t\t\t\tconst theme = themes[themeId]\n\t\t\t\t\t\tconst r = typeof theme === 'function' ? await theme(meta! as any) : theme\n\t\t\t\t\t\tif (r === false) continue\n\t\t\t\t\t\tawait expect(getSubject(meta?.subject ?? subject)).toMatchImageSnapshot({\n\t\t\t\t\t\t\t...meta,\n\t\t\t\t\t\t\tsnapshotKey: meta?.snapshotKey ?? themeId,\n\t\t\t\t\t\t})\n\t\t\t\t\t} catch (error) {\n\t\t\t\t\t\terrors.push([themeId, error as Error])\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (errors.length > 0) {\n\t\t\t\t\tif (errors.length === 1) throw errors[0]![1]\n\t\t\t\t\tconst taskId = toTaskId(test!)\n\t\t\t\t\tthrow new AggregateError(\n\t\t\t\t\t\terrors,\n\t\t\t\t\t\tdedent`Snapshot \\`${taskId}\\` mismatched\n\n\t\t\t\t\t${errors\n\t\t\t\t\t\t.map(([themeId, error]) => {\n\t\t\t\t\t\t\treturn `Theme \\`${themeId}\\` failed: ${error.message}`\n\t\t\t\t\t\t})\n\t\t\t\t\t\t.join('\\n\\n')}`,\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t}\n}\n\nfunction getSubject(selectors: string | undefined) {\n\treturn selectors ? (document.querySelector(selectors) ?? document.body) : document.body\n}\n"],"mappings":"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"}