-
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
- 2d033e8: update deps
- 4a4adf1: update deps
- c740c91: fix paths for cli
- a34dd5d: Update of deps
- 6fb41ff: Fix cli command
-
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
- 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
- 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.
- Created a new demo for developing the
- 786248e: Upgrade Jimp to the latest major
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
If ignore boxes are used then the canvas will also show them
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
Ignore area
We've update all dependencies.
- Wim Selles (@wswebcreation)
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.
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