Releases: webdriverio/visual-testing
@wdio/[email protected]
@wdio/[email protected]
@wdio/[email protected]
@wdio/[email protected]
Patch Changes
d76044f 🐛 Fix ERR_BUFFER_OUT_OF_BOUNDS for multiremote
Functions in utils such as getData.ts used the global browser, but this is not browser is not the browser making for example the ocrClick function call when the we are running in the multiremote context. This could lead to ERR_BUFFER_OUT_OF_BOUNDS error. This release fixes that error.
Committers: 1
- Chanatan Charnkijtawarush (@ccharnkij)
[email protected]
Minor Changes
💅 New Feature: Remove diff image before comparing
This solves the issue 425 of removing a diff image from the diff folder for success. We now remove the "previous" diff image before we execute the compare so we also have the latest, or we now have a diff image after a retry where the first run failed and produced an image and a new successful run.
💅 Update dependencies
We've update all dependencies.
Committers: 1
- Wim Selles (@wswebcreation)
@wdio/[email protected]
Minor Changes
ea08748 Fix 495: module system issue when using with vite and storybook
This fix only allows runner to be the local one, if not, it will throw this error
pnpm test.local.desktop.storybook ─╯
> @wdio/visual-testing-monorepo@ test.local.desktop.storybook /Users/wswebcreation/Git/wdio/visual-testing
> wdio tests/configs/wdio.local.desktop.storybook.conf.ts --storybook --numShards=10 --url=https://govuk-react.github.io/govuk-react/ --skipStories="/.*(loading-box|spinner).*/"
Execution of 0 workers started at 2024-09-22T05:50:20.875Z
SevereServiceError in "onPrepare"
SevereServiceError:
A service failed in the 'onPrepare' hook
SevereServiceError:
Running `@wdio/visual-service` is only supported in `local` mode.
at VisualLauncher.onPrepare (file:///Users/wswebcreation/Git/wdio/visual-testing/packages/visual-service/dist/storybook/launcher.js:22:19)
at file:///Users/wswebcreation/Git/wdio/visual-testing/node_modules/.pnpm/@[email protected]/node_modules/@wdio/cli/build/index.js:1209:32
at Array.map (<anonymous>)
at runServiceHook (file:///Users/wswebcreation/Git/wdio/visual-testing/node_modules/.pnpm/@[email protected]/node_modules/@wdio/cli/build/index.js:1206:31)
at Launcher.run (file:///Users/wswebcreation/Git/wdio/visual-testing/node_modules/.pnpm/@[email protected]/node_modules/@wdio/cli/build/index.js:2193:13)
at async Module.run (file:///Users/wswebcreation/Git/wdio/visual-testing/node_modules/.pnpm/@[email protected]/node_modules/@wdio/cli/build/index.js:3218:16)
Stopping runner...
at file:///Users/wswebcreation/Git/wdio/visual-testing/node_modules/.pnpm/@[email protected]/node_modules/@wdio/cli/build/index.js:1227:29
at async Launcher.run (file:///Users/wswebcreation/Git/wdio/visual-testing/node_modules/.pnpm/@[email protected]/node_modules/@wdio/cli/build/index.js:2193:7)
at async Module.run (file:///Users/wswebcreation/Git/wdio/visual-testing/node_modules/.pnpm/@[email protected]/node_modules/@wdio/cli/build/index.js:3218:16)
HookError [SevereServiceError]:
A service failed in the 'onPrepare' hook
SevereServiceError:
Running `@wdio/visual-service` is only supported in `local` mode.
at VisualLauncher.onPrepare (file:///Users/wswebcreation/Git/wdio/visual-testing/packages/visual-service/dist/storybook/launcher.js:22:19)
at file:///Users/wswebcreation/Git/wdio/visual-testing/node_modules/.pnpm/@[email protected]/node_modules/@wdio/cli/build/index.js:1209:32
at Array.map (<anonymous>)
at runServiceHook (file:///Users/wswebcreation/Git/wdio/visual-testing/node_modules/.pnpm/@[email protected]/node_modules/@wdio/cli/build/index.js:1206:31)
at Launcher.run (file:///Users/wswebcreation/Git/wdio/visual-testing/node_modules/.pnpm/@[email protected]/node_modules/@wdio/cli/build/index.js:2193:13)
at async Module.run (file:///Users/wswebcreation/Git/wdio/visual-testing/node_modules/.pnpm/@[email protected]/node_modules/@wdio/cli/build/index.js:3218:16)
Stopping runner...
at file:///Users/wswebcreation/Git/wdio/visual-testing/node_modules/.pnpm/@[email protected]/node_modules/@wdio/cli/build/index.js:1227:29
at async Launcher.run (file:///Users/wswebcreation/Git/wdio/visual-testing/node_modules/.pnpm/@[email protected]/node_modules/@wdio/cli/build/index.js:2193:7)
at async Module.run (file:///Users/wswebcreation/Git/wdio/visual-testing/node_modules/.pnpm/@[email protected]/node_modules/@wdio/cli/build/index.js:3218:16) {
origin: 'onPrepare'
}
ELIFECYCLE Command failed with exit code 1.
💅 New Feature: Remove diff image before comparing
This solves the issue 425 of removing a diff image from the diff folder for success. We now remove the "previous" diff image before we execute the compare so we also have the latest, or we now have a diff image after a retry where the first run failed and produced an image and a new successful run.
💅 Update dependencies
We've update all dependencies.
Patch Changes
- Updated dependencies [ea08748]
@wdio/[email protected]
Minor Changes
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
💅 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
Ignore area
💅 Update dependencies
We've update all dependencies.
Committers: 1
- Wim Selles (@wswebcreation)
@wdio/[email protected]
@wdio/[email protected]
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-devThe CLI
visual-reporter-cli.mp4
The Visual Reporter
report-design.mp4
[email protected]
Major Changes
- 9fdb2d2: feat: work with V9
Committers: 1
- Wim Selles (@wswebcreation)
Note
If you want to use this service with V8 then make sure you use version 6.1.1