creevey 0.10.0-beta.9 → 0.10.0-rc.1

package/dist/playwright/reporter.js

@@ -0,0 +1,334 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const promises_1 = __importDefault(require("fs/promises"));
+const crypto_1 = require("crypto");
+const types_js_1 = require("../types.js");
+const testsManager_js_1 = require("../server/master/testsManager.js");
+const api_js_1 = require("../server/master/api.js");
+const utils_js_1 = require("../server/utils.js");
+const server_js_1 = require("../server/master/server.js");
+const assert_1 = __importDefault(require("assert"));
+/**
+ * Simple async queue to handle operations in sequence without returning promises
+ * from reporter methods that should be synchronous
+ */
+class AsyncQueue {
+    queue;
+    constructor() {
+        this.queue = Promise.resolve();
+    }
+    /**
+     * Add an async operation to the queue
+     * @param operation Async operation to execute
+     */
+    enqueue(operation) {
+        this.queue = this.queue.then(operation).catch((error) => {
+            console.error(`Error in async queue: ${error instanceof Error ? error.message : String(error)}`);
+        });
+    }
+    /**
+     * Wait for all operations in the queue to complete
+     */
+    async waitForCompletion() {
+        await this.queue;
+    }
+}
+/**
+ * CreeveyPlaywrightReporter is a Playwright reporter that integrates with Creevey
+ * to provide visual testing capabilities and use Creevey's UI for reviewing and approving screenshots.
+ */
+class CreeveyPlaywrightReporter {
+    testsManager = null;
+    api = null;
+    port;
+    debug;
+    testIdMap = new Map(); // Maps Playwright test IDs to Creevey test IDs
+    asyncQueue = new AsyncQueue();
+    /**
+     * Creates a new instance of the CreeveyPlaywrightReporter
+     * @param options Configuration options for the reporter
+     */
+    constructor(options) {
+        this.port = options?.port ?? 3000;
+        this.debug = options?.debug ?? !!process.env.PWDEBUG;
+    }
+    /**
+     * Called when the test run starts
+     * @param config Playwright configuration
+     * @param suite Test suite information
+     */
+    onBegin(config, suite) {
+        this.logDebug('CreeveyPlaywrightReporter started');
+        const [snapshotDir, ...restSnapshotDirs] = [...new Set(config.projects.map((project) => project.snapshotDir))];
+        const [outputDir, ...restOutputDirs] = [...new Set(config.projects.map((project) => project.outputDir))];
+        (0, assert_1.default)(restSnapshotDirs.length === 0, 'Currently multiple snapshot directories are not supported');
+        (0, assert_1.default)(restOutputDirs.length === 0, 'Currently multiple output directories are not supported');
+        // Initialize TestsManager
+        this.testsManager = new testsManager_js_1.TestsManager(snapshotDir, outputDir);
+        // Use the async queue to handle initialization without returning a promise
+        this.asyncQueue.enqueue(async () => {
+            (0, assert_1.default)(this.testsManager, 'TestsManager is not initialized');
+            try {
+                await promises_1.default.mkdir(outputDir, { recursive: true });
+                await (0, utils_js_1.copyStatics)(outputDir);
+            }
+            catch (error) {
+                this.logError(`Failed to initialize report directory: ${error instanceof Error ? error.message : String(error)}`);
+            }
+            // Start server API
+            try {
+                const resolveApi = (0, server_js_1.start)(outputDir, this.port, true);
+                // Create and connect the API
+                this.api = new api_js_1.CreeveyApi(this.testsManager);
+                resolveApi(this.api);
+                const testsList = suite
+                    .allTests()
+                    .map((test) => {
+                    const creeveyTest = this.mapToCreeveyTest(test);
+                    if (!creeveyTest)
+                        return;
+                    this.testIdMap.set(test.id, creeveyTest.id);
+                    return creeveyTest;
+                })
+                    .filter(types_js_1.isDefined);
+                const tests = {};
+                for (const test of testsList) {
+                    tests[test.id] = test;
+                }
+                this.testsManager.updateTests(tests);
+                console.log(`Creevey report server started at http://localhost:${this.port}`);
+            }
+            catch (error) {
+                this.logError(`Could not start Creevey server: ${error instanceof Error ? error.message : String(error)}`);
+                console.log('Screenshots will still be captured but UI will not be available');
+            }
+        });
+    }
+    /**
+     * Called when a test begins
+     * @param test Test case information
+     * @param result Test result (initially empty)
+     */
+    onTestBegin(test, _result) {
+        try {
+            (0, assert_1.default)(this.testsManager, 'TestsManager is not initialized');
+            const creeveyTestId = this.testIdMap.get(test.id);
+            if (creeveyTestId) {
+                // Update test status to running
+                this.testsManager.updateTestStatus(creeveyTestId, 'running');
+                this.logDebug(`Test started: ${test.title} (${creeveyTestId})`);
+            }
+        }
+        catch (error) {
+            this.logError(`Error in onTestBegin: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    }
+    /**
+     * Called when a test step begins
+     * @param test Test case information
+     * @param result Test result
+     * @param step Test step information
+     */
+    onStepBegin(test, _result, step) {
+        /*
+        [Creevey Reporter] Step started: browserType.launch in test: 100 X 100 Vs 2000 X 100
+        [Creevey Reporter] Step started: browserType.launch in test: Side By Side
+        [Creevey Reporter] Step started: browserType.launch in test: Full
+        */
+        if (this.debug) {
+            this.logDebug(`Step started: ${step.title} in test: ${test.title}`);
+        }
+    }
+    /**
+     * Called when a test step ends
+     * @param test Test case information
+     * @param result Test result
+     * @param step Test step information
+     */
+    onStepEnd(_test, _result, step) {
+        try {
+            // If step has attachments, process them
+            if (step.attachments.length > 0) {
+                this.logDebug(`Processing ${step.attachments.length} attachments from step: ${step.title}`);
+                // We'll process attachments in onTestEnd for simplicity in this initial implementation
+            }
+        }
+        catch (error) {
+            this.logError(`Error in onStepEnd: ${error instanceof Error ? error.message : String(error)}`);
+        }
+    }
+    /**
+     * Called when a test ends
+     * @param test Test case information
+     * @param result Test result
+     */
+    onTestEnd(test, result) {
+        const creeveyTestId = this.testIdMap.get(test.id);
+        // Use the async queue to handle result processing without returning a promise
+        this.asyncQueue.enqueue(async () => {
+            try {
+                // Process test results and screenshots
+                await this.processTestResult(test, result);
+                if (creeveyTestId) {
+                    this.logDebug(`Test ended: ${test.title} (${creeveyTestId}) with status: ${result.status}`);
+                }
+            }
+            catch (error) {
+                this.logError(`Error in onTestEnd: ${error instanceof Error ? error.message : String(error)}`);
+            }
+        });
+    }
+    /**
+     * Called when the test run ends
+     * @param result The overall test run result
+     */
+    async onEnd(result) {
+        // Use the async queue to handle final operations without returning a promise
+        this.asyncQueue.enqueue(async () => {
+            try {
+                (0, assert_1.default)(this.testsManager, 'TestsManager is not initialized');
+                // Save test data
+                await this.testsManager.saveTestData();
+                this.logDebug(`Test run ended with status: ${result.status}`);
+                // TODO: Tell how to run reporter `yarn creevey update ./report --ui`
+            }
+            catch (error) {
+                this.logError(`Error during reporter cleanup: ${error instanceof Error ? error.message : String(error)}`);
+            }
+        });
+        // Wait for all previous operations to complete
+        await this.asyncQueue.waitForCompletion();
+    }
+    /**
+     * Maps a Playwright test to a Creevey test format
+     * @param test Playwright test case
+     * @returns Creevey test object or null if mapping fails
+     */
+    mapToCreeveyTest(test) {
+        try {
+            const storyName = test.title;
+            const storyTitle = test.parent.title;
+            const projectName = test.parent.project()?.name ?? 'chromium';
+            const testPath = [storyTitle, storyName, projectName];
+            const { description: storyId } = test.annotations.find((annotation) => annotation.type === 'storyId') ?? {};
+            // Generate a unique test ID
+            const testId = (0, crypto_1.createHash)('sha1').update(testPath.join('/')).digest('hex');
+            // Create the test metadata
+            const testMeta = {
+                id: testId,
+                storyPath: [...storyTitle.split('/').map((x) => x.trim()), storyName],
+                browser: projectName,
+                storyId: storyId ?? '',
+            };
+            // Create a stub ServerTest object
+            // This is missing the story and fn properties which would be used in a real Creevey test
+            // However, for our reporter purposes, we just need the metadata
+            const serverTest = {
+                ...testMeta,
+                story: {
+                    parameters: {},
+                    initialArgs: {},
+                    argTypes: {},
+                    component: '',
+                    componentId: '',
+                    name: storyName,
+                    tags: [],
+                    title: storyTitle,
+                    kind: storyTitle,
+                    id: storyId ?? '',
+                    story: storyName,
+                }, // Placeholder
+                fn: async () => {
+                    /* Empty function as placeholder */
+                }, // Placeholder
+            };
+            return serverTest;
+        }
+        catch (error) {
+            this.logError(`Error mapping test to Creevey format: ${error instanceof Error ? error.message : String(error)}`);
+            return null;
+        }
+    }
+    /**
+     * Process a test result and any attachments
+     * @param test Playwright test case
+     * @param result Playwright test result
+     */
+    async processTestResult(test, result) {
+        const creeveyTestId = this.testIdMap.get(test.id);
+        if (!creeveyTestId) {
+            this.logError(`No Creevey test ID found for test: ${test.title}`);
+            return Promise.resolve();
+        }
+        (0, assert_1.default)(this.testsManager, 'TestsManager is not initialized');
+        // Determine test status
+        let status;
+        switch (result.status) {
+            case 'passed':
+                status = 'success';
+                break;
+            case 'failed':
+            case 'timedOut':
+                status = 'failed';
+                break;
+            default:
+                status = 'unknown';
+        }
+        // Process attachments
+        const images = {};
+        const attachmentPaths = [];
+        const projectName = test.parent.project()?.name ?? 'chromium';
+        for (const attachment of result.attachments) {
+            const { name, path: attachmentPath } = attachment;
+            if (!attachmentPath)
+                continue;
+            attachmentPaths.push(attachmentPath);
+            switch (true) {
+                case name.includes('actual'): {
+                    images[projectName] = { ...images[projectName], actual: name };
+                    break;
+                }
+                case name.includes('expect'): {
+                    images[projectName] = { ...images[projectName], expect: name };
+                    break;
+                }
+                case name.includes('diff'): {
+                    images[projectName] = { ...images[projectName], diff: name };
+                    break;
+                }
+            }
+        }
+        // Update test status and result
+        const testResult = {
+            status: status === 'success' ? 'success' : 'failed',
+            retries: result.retry,
+            images,
+            error: result.error?.message ?? undefined,
+            duration: result.duration,
+            attachments: attachmentPaths,
+            browserName: projectName,
+        };
+        this.testsManager.updateTestStatus(creeveyTestId, status, testResult);
+    }
+    /**
+     * Logs a debug message if debug mode is enabled
+     * @param message Message to log
+     */
+    logDebug(message) {
+        if (this.debug) {
+            console.log(`[Creevey Reporter] ${message}`);
+        }
+    }
+    /**
+     * Logs an error message
+     * @param message Error message to log
+     */
+    logError(message) {
+        console.error(`[Creevey Reporter] ERROR: ${message}`);
+    }
+}
+exports.default = CreeveyPlaywrightReporter;
+//# sourceMappingURL=reporter.js.map

package/dist/playwright/reporter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reporter.js","sourceRoot":"","sources":["../../src/playwright/reporter.ts"],"names":[],"mappings":"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"}

package/dist/playwright/setup.d.ts

@@ -0,0 +1,3 @@
+import { FullConfig } from '@playwright/test';
+declare function globalSetup(config: FullConfig): Promise<void>;
+export default globalSetup;

package/dist/playwright/setup.js

@@ -0,0 +1,72 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = __importDefault(require("path"));
+const assert_1 = __importDefault(require("assert"));
+const promises_1 = require("fs/promises");
+const test_1 = require("@playwright/test");
+const utils_1 = require("../server/utils");
+const webdriver_1 = require("../server/webdriver");
+const helpers_1 = require("./helpers");
+// This function will fetch stories and cache them or an error if fetching fails.
+// It's intended to be called once before tests that depend on stories are defined.
+async function ensureStoriesFetched(page, storybookUrl) {
+    try {
+        console.log(`Fetching stories from: ${storybookUrl}`);
+        await page.goto((0, webdriver_1.appendIframePath)(storybookUrl), { waitUntil: 'networkidle', timeout: 60000 });
+        await (0, helpers_1.waitForStorybookReady)(page);
+        // TODO: Inline `serializeRawStories` to serialize creevey skip parameters
+        const fetchedStories = await page.evaluate(() => window.__STORYBOOK_PREVIEW__.extract());
+        if (!fetchedStories || Object.keys(fetchedStories).length === 0) {
+            throw new Error('No stories were found or cached from Storybook.');
+        }
+        console.log(`Successfully fetched and cached ${Object.keys(fetchedStories).length} stories.`);
+        return fetchedStories;
+    }
+    catch (error) {
+        console.error('Error fetching stories');
+        throw error;
+    }
+}
+const browsers = {
+    chromium: test_1.chromium,
+    firefox: test_1.firefox,
+    webkit: test_1.webkit,
+};
+// TODO: Setup should generate test files for each story file (component)
+// TODO: Add support for multiple storybook urls
+async function globalSetup(config) {
+    const storybookUrl = config.webServer?.url;
+    const { defaultBrowserType = 'chromium', browserName = defaultBrowserType } = config.projects[0].use;
+    (0, assert_1.default)(storybookUrl, 'Storybook URL is required');
+    const cacheDir = await (0, utils_1.getCreeveyCache)();
+    (0, assert_1.default)(cacheDir, 'Cache directory not found');
+    await (0, promises_1.mkdir)(cacheDir, { recursive: true });
+    process.env.CREEVEY_CACHE_DIR = cacheDir;
+    const browser = await browsers[browserName].launch();
+    const context = await browser.newContext();
+    const page = await context.newPage();
+    if (process.env.PWDEBUG) {
+        await context.tracing.start({ name: 'storybook-setup' });
+    }
+    try {
+        const stories = await ensureStoriesFetched(page, storybookUrl);
+        await (0, promises_1.writeFile)(path_1.default.join(cacheDir, 'stories.json'), JSON.stringify(stories, null, 2));
+    }
+    catch (error) {
+        console.error('Error in globalSetup:', error);
+        if (process.env.PWDEBUG) {
+            const tracePath = path_1.default.join(cacheDir, 'storybook-setup-trace.zip');
+            console.log('Trace is saved to:', tracePath);
+            await context.tracing.stop({ path: tracePath });
+        }
+        throw error;
+    }
+    finally {
+        await browser.close();
+    }
+}
+exports.default = globalSetup;
+//# sourceMappingURL=setup.js.map

package/dist/playwright/setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.js","sourceRoot":"","sources":["../../src/playwright/setup.ts"],"names":[],"mappings":"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"}

package/dist/playwright.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="../types/playwright-context" />
 export { PlaywrightWebdriver } from './server/playwright/webdriver.js';
+export { definePlaywrightTests } from './playwright/generator.js';

package/dist/playwright.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlaywrightWebdriver = void 0;
+exports.definePlaywrightTests = exports.PlaywrightWebdriver = void 0;
 var webdriver_js_1 = require("./server/playwright/webdriver.js");
 Object.defineProperty(exports, "PlaywrightWebdriver", { enumerable: true, get: function () { return webdriver_js_1.PlaywrightWebdriver; } });
+var generator_js_1 = require("./playwright/generator.js");
+Object.defineProperty(exports, "definePlaywrightTests", { enumerable: true, get: function () { return generator_js_1.definePlaywrightTests; } });
 //# sourceMappingURL=playwright.js.map

package/dist/playwright.js.map

@@ -1 +1 @@
-{"version":3,"file":"playwright.js","sourceRoot":"","sources":["../src/playwright.ts"],"names":[],"mappings":";;;AAAA,iEAAuE;AAA9D,mHAAA,mBAAmB,OAAA"}
+{"version":3,"file":"playwright.js","sourceRoot":"","sources":["../src/playwright.ts"],"names":[],"mappings":";;;AAAA,iEAAuE;AAA9D,mHAAA,mBAAmB,OAAA;AAC5B,0DAAkE;AAAzD,qHAAA,qBAAqB,OAAA"}

package/dist/server/compare.d.ts

@@ -0,0 +1,18 @@
+import type { ODiffOptions } from 'odiff-bin';
+import type { PixelmatchOptions } from 'pixelmatch';
+import { Images } from '../types';
+export interface ImageContext {
+    attachments: string[];
+    testFullPath: string[];
+    images: Partial<Record<string, Images>>;
+}
+export declare function getPixelmatchAssert(pixelmatch: typeof import('pixelmatch'), ctx: ImageContext, config: {
+    screenDir: string;
+    reportDir: string;
+    diffOptions: PixelmatchOptions;
+}): (actual: Buffer, imageName?: string) => Promise<string | undefined>;
+export declare function getOdiffAssert(compare: (typeof import('odiff-bin'))['compare'], ctx: ImageContext, config: {
+    screenDir: string;
+    reportDir: string;
+    odiffOptions?: ODiffOptions;
+}): (image: Buffer, imageName?: string) => Promise<string | undefined>;

package/dist/server/compare.js

@@ -0,0 +1,182 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPixelmatchAssert = getPixelmatchAssert;
+exports.getOdiffAssert = getOdiffAssert;
+const path_1 = __importDefault(require("path"));
+const assert_1 = __importDefault(require("assert"));
+const pngjs_1 = require("pngjs");
+const promises_1 = require("fs/promises");
+async function getStat(filePath) {
+    try {
+        return await (0, promises_1.stat)(filePath);
+    }
+    catch (error) {
+        if (typeof error == 'object' && error && error.code === 'ENOENT') {
+            return null;
+        }
+        throw error;
+    }
+}
+async function getLastImageNumber(imageDir, imageName) {
+    const actualImagesRegexp = new RegExp(`${imageName}-actual-(\\d+)\\.png`);
+    try {
+        return ((await (0, promises_1.readdir)(imageDir))
+            .map((filename) => filename.replace(actualImagesRegexp, '$1'))
+            .map(Number)
+            .filter((x) => !isNaN(x))
+            .sort((a, b) => b - a)[0] ?? 0);
+    }
+    catch (_error) {
+        return 0;
+    }
+}
+async function readExpected(expectImageDir, imageName) {
+    const expected = await (0, promises_1.readFile)(path_1.default.join(expectImageDir, `${imageName}.png`));
+    return expected;
+}
+async function saveImages(imageDir, images) {
+    const files = [];
+    await (0, promises_1.mkdir)(imageDir, { recursive: true });
+    for (const { name, data } of images) {
+        const filePath = path_1.default.join(imageDir, name);
+        await (0, promises_1.writeFile)(filePath, data);
+        files.push(filePath);
+    }
+    return files;
+}
+async function getImagePaths(config, testFullPath, assertImageName) {
+    const testPath = [...testFullPath];
+    const imageName = assertImageName ?? testPath.pop();
+    (0, assert_1.default)(typeof imageName === 'string', `Can't get image name from empty test scope`);
+    const expectImageDir = path_1.default.join(config.screenDir, ...testPath);
+    const reportImageDir = path_1.default.join(config.reportDir, ...testPath);
+    const imageNumber = (await getLastImageNumber(reportImageDir, imageName)) + 1;
+    const actualImageName = `${imageName}-actual-${imageNumber}.png`;
+    const expectImageName = `${imageName}-expect-${imageNumber}.png`;
+    const diffImageName = `${imageName}-diff-${imageNumber}.png`;
+    return { imageName, actualImageName, expectImageName, diffImageName, expectImageDir, reportImageDir };
+}
+async function getExpected(ctx, { imageName, actualImageName, expectImageName, diffImageName, expectImageDir, reportImageDir }) {
+    const onCompare = async (actual, expect, diff) => {
+        const imagesMeta = [];
+        const image = (ctx.images[imageName] = ctx.images[imageName] ?? { actual: actualImageName });
+        imagesMeta.push({ name: image.actual, data: actual });
+        if (diff && expect) {
+            image.expect = expectImageName;
+            image.diff = diffImageName;
+            imagesMeta.push({ name: image.expect, data: expect });
+            imagesMeta.push({ name: image.diff, data: diff });
+        }
+        ctx.attachments = await saveImages(reportImageDir, imagesMeta);
+    };
+    const expectImageStat = await getStat(path_1.default.join(expectImageDir, `${imageName}.png`));
+    if (!expectImageStat)
+        return { expected: null, onCompare };
+    const expected = await readExpected(expectImageDir, imageName);
+    return { expected, onCompare };
+}
+async function getOdiffExpected(ctx, actual, { imageName, actualImageName, expectImageName, diffImageName, expectImageDir, reportImageDir }) {
+    const expected = await readExpected(expectImageDir, imageName);
+    const image = (ctx.images[imageName] = ctx.images[imageName] ?? { actual: actualImageName });
+    image.expect = expectImageName;
+    image.diff = diffImageName;
+    const imagesMeta = [
+        { name: image.actual, data: actual },
+        { name: expectImageName, data: expected },
+    ];
+    ctx.attachments = await saveImages(reportImageDir, imagesMeta);
+    return {
+        actual: path_1.default.join(reportImageDir, actualImageName),
+        expect: path_1.default.join(reportImageDir, expectImageName),
+        diff: path_1.default.join(reportImageDir, diffImageName),
+    };
+}
+function normalizeImageSize(image, width, height) {
+    const normalizedImage = Buffer.alloc(4 * width * height);
+    for (let y = 0; y < height; y++) {
+        for (let x = 0; x < width; x++) {
+            const i = (y * width + x) * 4;
+            if (x < image.width && y < image.height) {
+                const j = (y * image.width + x) * 4;
+                normalizedImage[i + 0] = image.data[j + 0];
+                normalizedImage[i + 1] = image.data[j + 1];
+                normalizedImage[i + 2] = image.data[j + 2];
+                normalizedImage[i + 3] = image.data[j + 3];
+            }
+            else {
+                normalizedImage[i + 0] = 0;
+                normalizedImage[i + 1] = 0;
+                normalizedImage[i + 2] = 0;
+                normalizedImage[i + 3] = 0;
+            }
+        }
+    }
+    return normalizedImage;
+}
+function hasDiffPixels(diff) {
+    for (let i = 0; i < diff.length; i += 4) {
+        if (diff[i + 0] == 255 && diff[i + 1] == 0 && diff[i + 2] == 0 && diff[i + 3] == 255)
+            return true;
+    }
+    return false;
+}
+function compareImages(expect, actual, pixelmatch, diffOptions) {
+    const expectImage = pngjs_1.PNG.sync.read(expect);
+    const actualImage = pngjs_1.PNG.sync.read(actual);
+    const width = Math.max(actualImage.width, expectImage.width);
+    const height = Math.max(actualImage.height, expectImage.height);
+    const diffImage = new pngjs_1.PNG({ width, height });
+    let actualImageData = actualImage.data;
+    if (actualImage.width < width || actualImage.height < height) {
+        actualImageData = normalizeImageSize(actualImage, width, height);
+    }
+    let expectImageData = expectImage.data;
+    if (expectImage.width < width || expectImage.height < height) {
+        expectImageData = normalizeImageSize(expectImage, width, height);
+    }
+    pixelmatch(expectImageData, actualImageData, diffImage.data, width, height, diffOptions);
+    return {
+        isEqual: !hasDiffPixels(diffImage.data),
+        diff: pngjs_1.PNG.sync.write(diffImage),
+    };
+}
+function getPixelmatchAssert(pixelmatch, ctx, config) {
+    return async function assertImagePixelmatch(actual, imageName) {
+        const { expected, onCompare } = await getExpected(ctx, await getImagePaths(config, ctx.testFullPath, imageName));
+        if (expected == null) {
+            await onCompare(actual);
+            return imageName ? `Expected image '${imageName}' does not exists` : 'Expected image does not exists';
+        }
+        if (actual.equals(expected)) {
+            await onCompare(actual);
+            return;
+        }
+        const { isEqual, diff } = compareImages(expected, actual, pixelmatch, config.diffOptions);
+        if (isEqual) {
+            await onCompare(actual);
+            return;
+        }
+        await onCompare(actual, expected, diff);
+        return imageName ? `Expected image '${imageName}' to match` : 'Expected image to match';
+    };
+}
+function getOdiffAssert(compare, ctx, config) {
+    const diffOptions = {
+        ...config.odiffOptions,
+        noFailOnFsErrors: true,
+    };
+    return async function assertImage(image, imageName) {
+        const { actual, expect, diff } = await getOdiffExpected(ctx, image, await getImagePaths(config, ctx.testFullPath, imageName));
+        const result = await compare(actual, expect, diff, diffOptions);
+        if (!result.match) {
+            if (result.reason == 'file-not-exists') {
+                return imageName ? `Expected image '${imageName}' does not exists` : 'Expected image does not exists';
+            }
+            return imageName ? `Expected image '${imageName}' to match` : 'Expected image to match';
+        }
+    };
+}
+//# sourceMappingURL=compare.js.map