@wdio/image-comparison-core 1.0.0

package/CHANGELOG.md

@@ -0,0 +1,82 @@
+# @wdio/image-comparison-core
+
+## 1.0.0
+
+### Major Changes
+
+- 1326e99: ## 💥 Major Release: New @wdio/image-comparison-core Package
+
+  ### 🏗️ Architectural Refactor
+
+  This release introduces a **completely new core architecture** with the dedicated `@wdio/image-comparison-core` package, replacing the generic `webdriver-image-comparison` module with a WDIO-specific solution.
+
+  #### What was the problem?
+
+  - The old `webdriver-image-comparison` package was designed for generic webdriver usage
+  - Complex integration between generic and WDIO-specific code
+  - Limited test coverage (~58%) making maintenance difficult
+  - Mixed responsibilities between core logic and service integration
+
+  #### What changed?
+
+  ✅ **New dedicated core package**: `@wdio/image-comparison-core` - purpose-built for WebdriverIO
+  ✅ **Cleaner architecture**: Modular design with clear separation of concerns
+  ✅ **Enhanced test coverage**: Improved from ~58% to ~90% across all metrics
+  ✅ **Better maintainability**: Organized codebase with comprehensive TypeScript interfaces
+  ✅ **WDIO-specific dependencies**: Only depends on `@wdio/logger`, `@wdio/types`, etc.
+
+  ### 🧪 Testing Improvements
+
+  - **100% branch coverage** on critical decision points
+  - **Comprehensive unit tests** for all major functions
+  - **Optimized mocks** for complex scenarios
+  - **Better test isolation** and reliability
+
+  | Before/After       | % Stmts | % Branch | % Funcs | % Lines |
+  | ------------------ | ------- | -------- | ------- | ------- |
+  | **Previous**       | 58.59   | 91.4     | 80.71   | 58.59   |
+  | **After refactor** | 90.55   | 96.38    | 93.99   | 90.55   |
+
+  ### 🔧 Service Integration
+
+  The `@wdio/visual-service` now imports from the new `@wdio/image-comparison-core` package while maintaining the same public API and functionality for users.
+
+  ### 📈 Performance & Quality
+
+  - **Modular architecture**: Easier to maintain and extend
+  - **Type safety**: Comprehensive TypeScript coverage
+  - **Clean exports**: Well-defined public API
+  - **Internal interfaces**: Proper separation of concerns
+
+  ### 🔄 Backward Compatibility
+
+  ✅ **No breaking changes** for end users
+  ✅ **Same public API** maintained
+  ✅ **Existing configurations** continue to work
+  ✅ **All existing functionality** preserved
+
+  ### 🎯 Future Benefits
+
+  This refactor sets the foundation for:
+
+  - Easier addition of new features
+  - Better bug fixing capabilities
+  - Enhanced mobile and native app support
+  - More reliable MultiRemote functionality
+
+  ### 📦 Dependency Updates
+
+  - Updated most dependencies to their latest versions
+  - Improved security with latest package versions
+  - Better compatibility with current WebdriverIO ecosystem
+  - Enhanced performance through updated dependencies
+  - Remove unused packages
+
+  ***
+
+  **Note**: This is an architectural improvement that modernizes the codebase while maintaining full backward compatibility. All existing functionality remains unchanged for users.
+
+  ***
+    ## Committers: 1
+
+    -   Wim Selles ([@wswebcreation](https://github.com/wswebcreation))

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 OpenJS Foundation
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,12 @@
+WebdriverIO Image Comparison Core
+==========================
+
+## Installation
+
+The easiest way is to keep `@wdio/image-comparison-core` as a dev-dependency in your `package.json`, via:
+
+```sh
+npm install @wdio/image-comparison-core --save-dev
+```
+
+Instructions on how to get started can be found in the [visual testing](https://webdriver.io/docs/visual-testing) docs on the WebdriverIO project page.

package/dist/base.d.ts

@@ -0,0 +1,18 @@
+import type { Folders } from './base.interfaces.js';
+import type { ClassOptions, DefaultOptions } from './helpers/options.interfaces.js';
+export default class BaseClass {
+    defaultOptions: DefaultOptions;
+    folders: Folders;
+    constructor(options: ClassOptions);
+    /**
+     * Setup the folder structure for screenshots
+     * @private
+     */
+    private _setupFolders;
+    /**
+     * Clear the runtime folders (actual and diff)
+     * @private
+     */
+    private _clearRuntimeFolders;
+}
+//# sourceMappingURL=base.d.ts.map

package/dist/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../src/base.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAInF,MAAM,CAAC,OAAO,OAAO,SAAS;IAC1B,cAAc,EAAE,cAAc,CAAA;IAC9B,OAAO,EAAE,OAAO,CAAA;gBAEJ,OAAO,EAAE,YAAY;IAajC;;;OAGG;IACH,OAAO,CAAC,aAAa;IAgBrB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;CAiB/B"}

package/dist/base.interfaces.d.ts

@@ -0,0 +1,200 @@
+export interface Folders {
+    /** The actual folder where the current screenshots need to be saved */
+    actualFolder: string;
+    /** The baseline folder where the baseline screenshots can be found */
+    baselineFolder: string;
+    /** The diff folder where the differences are saved */
+    diffFolder: string;
+}
+export interface FolderPaths {
+    /** The actual folder path where the current screenshots need to be saved */
+    actualFolderPath: string;
+    /** The baseline folder path where the baseline screenshots can be found */
+    baselineFolderPath: string;
+    /** The diff folder path where the differences are saved */
+    diffFolderPath: string;
+}
+export interface FilePaths {
+    /** The actual file path where the current screenshots need to be saved */
+    actualFilePath: string;
+    /** The baseline file path where the baseline screenshots can be found */
+    baselineFilePath: string;
+    /** The diff file path where the difference is saved */
+    diffFilePath: string;
+}
+export interface BaseWebScreenshotOptions {
+    /**
+     * Disable the blinking cursor
+     * @default false
+     */
+    disableBlinkingCursor?: boolean;
+    /**
+     * Disable all CSS animations
+     * @default false
+     */
+    disableCSSAnimation?: boolean;
+    /**
+     * Make all text transparent to focus on layout
+     * @default false
+     */
+    enableLayoutTesting?: boolean;
+    /**
+     * Use legacy screenshot method instead of BiDi protocol
+     * @default false
+     */
+    enableLegacyScreenshotMethod?: boolean;
+    /**
+     * Hide all scrollbars
+     * @default true
+     */
+    hideScrollBars?: boolean;
+    /**
+     * Elements to hide before taking screenshot
+     * @default []
+     */
+    hideElements?: HTMLElement[];
+    /**
+     * Elements to remove before taking screenshot
+     * @default []
+     */
+    removeElements?: HTMLElement[];
+    /**
+     * Wait for fonts to be loaded
+     * @default true
+     */
+    waitForFontsLoaded?: boolean;
+}
+export interface BaseMobileWebScreenshotOptions {
+    /**
+     * Padding for the address bar shadow
+     * @default 6
+     */
+    addressBarShadowPadding?: number;
+    /**
+     * Padding for the tool bar shadow
+     * @default 6
+     */
+    toolBarShadowPadding?: number;
+}
+export interface BaseImageCompareOptions {
+    /**
+     * Compare images and discard alpha
+     * @default false
+     */
+    ignoreAlpha?: boolean;
+    /**
+     * Compare images and discard anti aliasing
+     * @default false
+     */
+    ignoreAntialiasing?: boolean;
+    /**
+     * Compare images in black and white mode
+     * @default false
+     */
+    ignoreColors?: boolean;
+    /**
+     * Compare with reduced color sensitivity
+     * @default false
+     */
+    ignoreLess?: boolean;
+    /**
+     * Compare with maximum sensitivity
+     * @default false
+     */
+    ignoreNothing?: boolean;
+    /**
+     * Return raw mismatch percentage without rounding
+     * @default false
+     */
+    rawMisMatchPercentage?: boolean;
+    /**
+     * Return all comparison data
+     * @default false
+     */
+    returnAllCompareData?: boolean;
+    /**
+     * Save images only above this mismatch tolerance
+     * @default 0
+     */
+    saveAboveTolerance?: number;
+    /**
+     * Scale images to same size before comparison
+     * @default false
+     */
+    scaleImagesToSameSize?: boolean;
+}
+export interface BaseMobileBlockOutOptions {
+    /**
+     * Block out the side bar
+     * @default false
+     */
+    blockOutSideBar?: boolean;
+    /**
+     * Block out the status bar
+     * @default false
+     */
+    blockOutStatusBar?: boolean;
+    /**
+     * Block out the tool bar
+     * @default false
+     */
+    blockOutToolBar?: boolean;
+}
+export interface BaseDeviceInfo {
+    /**
+     * The name of the browser
+     * @default ''
+     */
+    browserName: string;
+    /**
+     * The name of the device
+     * @default ''
+     */
+    deviceName: string;
+    /**
+     * The device pixel ratio
+     * @default 1
+     */
+    devicePixelRatio: number;
+    /**
+     * Whether the device is Android
+     * @default false
+     */
+    isAndroid: boolean;
+    /**
+     * Whether the device is iOS
+     * @default false
+     */
+    isIOS: boolean;
+    /**
+     * Whether the device is mobile
+     * @default false
+     */
+    isMobile: boolean;
+}
+export interface BaseCoordinates {
+    /** The x-coordinate */
+    x: number;
+    /** The y-coordinate */
+    y: number;
+}
+export interface BaseDimensions {
+    /** The width */
+    width: number;
+    /** The height */
+    height: number;
+}
+/** Base rectangle interface combining coordinates and dimensions */
+export interface BaseRectangle extends BaseCoordinates, BaseDimensions {
+}
+export interface BaseBoundingBox {
+    /** The bottom coordinate */
+    bottom: number;
+    /** The right coordinate */
+    right: number;
+    /** The left coordinate */
+    left: number;
+    /** The top coordinate */
+    top: number;
+}
+//# sourceMappingURL=base.interfaces.d.ts.map

package/dist/base.interfaces.d.ts.map

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

package/dist/base.interfaces.js

@@ -0,0 +1 @@
+export {};

package/dist/base.js

@@ -0,0 +1,58 @@
+import { join, normalize } from 'node:path';
+import { rmSync } from 'node:fs';
+import logger from '@wdio/logger';
+import { defaultOptions } from './helpers/options.js';
+import { FOLDERS } from './helpers/constants.js';
+const log = logger('@wdio/visual-service:@wdio/image-comparison-core');
+export default class BaseClass {
+    defaultOptions;
+    folders;
+    constructor(options) {
+        // Determine default options
+        this.defaultOptions = defaultOptions(options);
+        // Setup folder structure
+        this.folders = this._setupFolders(options);
+        // Clear runtime folders if requested
+        if (options.clearRuntimeFolder) {
+            this._clearRuntimeFolders();
+        }
+    }
+    /**
+     * Setup the folder structure for screenshots
+     * @private
+     */
+    _setupFolders(options) {
+        const baselineFolder = typeof options.baselineFolder === 'function'
+            ? options.baselineFolder(options)
+            : normalize(options.baselineFolder || FOLDERS.DEFAULT.BASE);
+        const baseFolder = typeof options.screenshotPath === 'function'
+            ? options.screenshotPath(options)
+            : normalize(options.screenshotPath || FOLDERS.DEFAULT.SCREENSHOTS);
+        return {
+            actualFolder: join(baseFolder, FOLDERS.ACTUAL),
+            baselineFolder,
+            diffFolder: join(baseFolder, FOLDERS.DIFF),
+        };
+    }
+    /**
+     * Clear the runtime folders (actual and diff)
+     * @private
+     */
+    _clearRuntimeFolders() {
+        log.info('\x1b[33m\n##############################\n!!CLEARING RUNTIME FOLDERS!!\n##############################\x1b[0m');
+        try {
+            rmSync(this.folders.actualFolder, { recursive: true, force: true });
+            log.debug(`Cleared actual folder: ${this.folders.actualFolder}`);
+        }
+        catch (error) {
+            log.warn(`Failed to clear actual folder ${this.folders.actualFolder}:`, error);
+        }
+        try {
+            rmSync(this.folders.diffFolder, { recursive: true, force: true });
+            log.debug(`Cleared diff folder: ${this.folders.diffFolder}`);
+        }
+        catch (error) {
+            log.warn(`Failed to clear diff folder ${this.folders.diffFolder}:`, error);
+        }
+    }
+}

package/dist/base.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=base.test.d.ts.map

package/dist/base.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.test.d.ts","sourceRoot":"","sources":["../src/base.test.ts"],"names":[],"mappings":""}

package/dist/base.test.js

@@ -0,0 +1,45 @@
+import { describe, it, expect, vi } from 'vitest';
+import { rmSync } from 'node:fs';
+import BaseClass from './base.js';
+vi.mock('node:fs', () => ({
+    ...vi.importActual('node:fs'),
+    rmSync: vi.fn(),
+}));
+describe('BaseClass', () => {
+    it('initializes default options correctly', () => {
+        const options = {};
+        const instance = new BaseClass(options);
+        expect(instance.defaultOptions).toMatchSnapshot();
+    });
+    it('initializes folders with default values', () => {
+        const instance = new BaseClass({});
+        expect(instance.folders.actualFolder).toMatchSnapshot();
+        expect(instance.folders.baselineFolder).toMatchSnapshot();
+        expect(instance.folders.diffFolder).toMatchSnapshot();
+    });
+    it('initializes folders with custom values', () => {
+        const options = {
+            baselineFolder: 'custom/baseline',
+            screenshotPath: 'custom/screenshots',
+        };
+        const instance = new BaseClass(options);
+        expect(instance.folders.baselineFolder).toBe('custom/baseline');
+        expect(instance.folders.actualFolder).toContain('custom/screenshots');
+    });
+    it('handles functional baselineFolder and screenshotPath', () => {
+        const options = {
+            baselineFolder: () => 'functional/baseline',
+            screenshotPath: () => 'functional/screenshots',
+        };
+        const instance = new BaseClass(options);
+        expect(instance.folders.baselineFolder).toBe('functional/baseline');
+        expect(instance.folders.actualFolder).toContain('functional/screenshots');
+    });
+    it('clears runtime folders if clearRuntimeFolder is true', () => {
+        const options = {
+            clearRuntimeFolder: true,
+        };
+        new BaseClass(options);
+        expect(rmSync).toHaveBeenCalledTimes(2);
+    });
+});

package/dist/clientSideScripts/checkMetaTag.d.ts

@@ -0,0 +1,2 @@
+export declare function checkMetaTag(): void;
+//# sourceMappingURL=checkMetaTag.d.ts.map

package/dist/clientSideScripts/checkMetaTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkMetaTag.d.ts","sourceRoot":"","sources":["../../src/clientSideScripts/checkMetaTag.ts"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,SAQ3B"}

package/dist/clientSideScripts/checkMetaTag.js

@@ -0,0 +1,9 @@
+export function checkMetaTag() {
+    const meta = document.querySelector("meta[name='viewport']");
+    if (!meta) {
+        const newMeta = document.createElement('meta');
+        newMeta.name = 'viewport';
+        newMeta.content = 'width=device-width, initial-scale=1';
+        document.head.appendChild(newMeta);
+    }
+}

package/dist/clientSideScripts/checkMetaTag.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=checkMetaTag.test.d.ts.map

package/dist/clientSideScripts/checkMetaTag.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkMetaTag.test.d.ts","sourceRoot":"","sources":["../../src/clientSideScripts/checkMetaTag.test.ts"],"names":[],"mappings":""}

package/dist/clientSideScripts/checkMetaTag.test.js

@@ -0,0 +1,25 @@
+// @vitest-environment jsdom
+import { describe, it, expect, beforeEach } from 'vitest';
+import { checkMetaTag } from './checkMetaTag.js';
+describe('checkMetaTag', () => {
+    beforeEach(() => {
+        document.head.innerHTML = '';
+    });
+    it('should add a viewport meta tag when not present', () => {
+        expect(document.querySelector('meta[name="viewport"]')).toBeNull();
+        checkMetaTag();
+        const meta = document.querySelector('meta[name="viewport"]');
+        expect(meta).not.toBeNull();
+        expect(meta?.content).toBe('width=device-width, initial-scale=1');
+    });
+    it('should not add a viewport meta tag if one already exists', () => {
+        const existing = document.createElement('meta');
+        existing.name = 'viewport';
+        existing.content = 'custom';
+        document.head.appendChild(existing);
+        checkMetaTag();
+        const metas = Array.from(document.querySelectorAll('meta[name="viewport"]'));
+        expect(metas.length).toBe(1);
+        expect(metas[0].content).toBe('custom');
+    });
+});

package/dist/clientSideScripts/customCss.interfaces.d.ts

@@ -0,0 +1,8 @@
+export interface CssOptions {
+    addressBarPadding: number;
+    disableCSSAnimation: boolean;
+    disableBlinkingCursor: boolean;
+    id: string;
+    toolBarPadding: number;
+}
+//# sourceMappingURL=customCss.interfaces.d.ts.map

package/dist/clientSideScripts/customCss.interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"customCss.interfaces.d.ts","sourceRoot":"","sources":["../../src/clientSideScripts/customCss.interfaces.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IAEvB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,mBAAmB,EAAE,OAAO,CAAC;IAE7B,qBAAqB,EAAE,OAAO,CAAC;IAE/B,EAAE,EAAE,MAAM,CAAC;IAEX,cAAc,EAAE,MAAM,CAAC;CAC1B"}

package/dist/clientSideScripts/customCss.interfaces.js

@@ -0,0 +1 @@
+export {};

package/dist/clientSideScripts/drawTabbableOnCanvas.d.ts

@@ -0,0 +1,8 @@
+import type { TabbableOptions } from '../commands/tabbable.interfaces.js';
+/**
+ * This method is based on this blog post
+ * https://vivrichards.co.uk/accessibility/automating-page-tab-flows-using-visual-testing-and-javascript
+ * by Viv Richards and optimized for using Canvas
+ */
+export default function drawTabbableOnCanvas(drawOptions: TabbableOptions): void;
+//# sourceMappingURL=drawTabbableOnCanvas.d.ts.map

package/dist/clientSideScripts/drawTabbableOnCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawTabbableOnCanvas.d.ts","sourceRoot":"","sources":["../../src/clientSideScripts/drawTabbableOnCanvas.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA8B,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAErG;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,WAAW,EAAE,eAAe,QAyTxE"}

package/dist/clientSideScripts/drawTabbableOnCanvas.interfaces.d.ts

@@ -0,0 +1,4 @@
+import type { BaseCoordinates } from '../base.interfaces.js';
+export interface ElementCoordinate extends BaseCoordinates {
+}
+//# sourceMappingURL=drawTabbableOnCanvas.interfaces.d.ts.map

package/dist/clientSideScripts/drawTabbableOnCanvas.interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawTabbableOnCanvas.interfaces.d.ts","sourceRoot":"","sources":["../../src/clientSideScripts/drawTabbableOnCanvas.interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAE5D,MAAM,WAAW,iBAAkB,SAAQ,eAAe;CAAE"}

package/dist/clientSideScripts/drawTabbableOnCanvas.interfaces.js

@@ -0,0 +1 @@
+export {};