Skip to content

Latest commit

 

History

History
148 lines (86 loc) · 3.95 KB

File metadata and controls

148 lines (86 loc) · 3.95 KB

@wdio/visual-reporter

0.4.6

Patch Changes

  • 69d25fe: Multiple fixes:

    • update deps
    • fix #728: Missing Type Information in Service Configuration
    • fix #745: The image comparison process stalls when utilizing the checkElement method to compare screenshots of two different elements

0.4.5

Patch Changes

  • 2d033e8: update deps

0.4.4

Patch Changes

  • 4a4adf1: update deps

0.4.3

Patch Changes

  • c740c91: fix paths for cli

0.4.2

Patch Changes

  • a34dd5d: Update of deps

0.4.1

Patch Changes

  • 6fb41ff: Fix cli command

0.4.0

Minor Changes

  • 267c513: # 🚀 New Features @wdio/visual-reporter

    • Created a new demo for developing the @wdio/visual-reporter. Starting the dev-server automatically generates a new sample report project
    • Added a resize of the Canvas after resizing the browser screen
    • You can now close the overlay by pressing ESC
    • Made it more clear in the overlay when there are no changes

    💅 Polish @wdio/visual-reporter

    • refactor of the assets generation to make it more robust for the demo and external collected files
    • reduce package/bundle size
    • updated to latest dependencies

    🐛 Bugs fixed @wdio/visual-reporter

    • Prevent the browser from going back in history when you press the browser back button when an overlay is opened. Now the overlay is closed.

0.3.0

Minor Changes

  • 786248e: Upgrade Jimp to the latest major

0.2.0

Minor Changes

Fix 522: visual-reporter logs an error when there is no diff file

The output contained a diffFolderPath when no diff was present. This resulted in an error in the logs which is fixed with this PR

Fix 524: Highlights are shown after re-render

When a diff is highlighted and the page was re-rendered it also showed the highlighted box again. This was very confusing and annoying

💅 New Feature: Add ignore boxes on the canvas

If ignore boxes are used then the canvas will also show them

image

💅 New Feature: Add hover effects on the diff and ignore boxes

When you now hover over a diff or ignore area you will now see that the box will be highlighted and has a text above it

Diff area

image

Ignore area

image

💅 Update dependencies

We've update all dependencies.

Committers: 1

0.1.7

NEW PACKAGE

This is the first release of the new @wdio/visual-reporter module. With this module, in combination with the @wdio/visual-service module, you can now create beautiful HTML reports where you can view the results.

To make use of this utility, you need to have the 'output.json' file generated by the Visual Testing service. This file is only generated when you have the following in your configuration:

export const config = {
    // ...
    services: [
        [
            // Also installed as a dependency
            "visual-regression",
            {
                createJsonReportFiles: true,
            },
        ],
    ],
    },
}

For more information, please refer to the WebdriverIO Visual Testing documentation.

Installation

The easiest way is to keep @wdio/visual-reporter as a dev-dependency in your package.json, via:

npm install @wdio/visual-reporter --save-dev
The CLI
visual-reporter-cli.mp4
The Visual Reporter
report-design.mp4