Skip to content

Releases: webdriverio/visual-testing

@wdio/visual-service@6.0.0

25 Aug 06:45

Choose a tag to compare

Major Changes

Patch Changes

  • Updated dependencies [9fdb2d2]
    • webdriver-image-comparison@7.0.0

Committers: 1

Note

If you want to use this service with V8 then make sure you use version 5.2.1

@wdio/ocr-service@2.0.0

25 Aug 06:45

Choose a tag to compare

Major Changes

Committers: 1

Note

If you want to use this service with V8 then make sure you use version 1.0.5

webdriver-image-comparison@6.1.1

04 Aug 06:53
15e88f0

Choose a tag to compare

Patch Changes

  • 85a1d82: # 🐛 Bug Fixes

    Fix issues:

    • 438: resizeDimensions not working
    • 448: hideElements and removeElements` don't work for native apps

    💅 Polish

    • update dependencies

    Committers: 1

@wdio/visual-service@5.2.1

04 Aug 07:09
00fe4cd

Choose a tag to compare

Patch Changes

  • 85a1d82: # 🐛 Bug Fixes

    Fix issues:

    • 438: resizeDimensions not working
    • 448: hideElements and removeElements` don't work for native apps

    💅 Polish

    • update dependencies

    Committers: 1

@wdio/ocr-service@1.0.5

04 Aug 06:53
15e88f0

Choose a tag to compare

Patch Changes

  • 85a1d82: # 🐛 Bug Fixes

    Fix issues:

    • 438: resizeDimensions not working
    • 448: hideElements and removeElements` don't work for native apps

    💅 Polish

    • update dependencies

    Committers: 1

webdriver-image-comparison@6.1.0

30 Jul 07:01

Choose a tag to compare

Minor Changes

🚀 New Features

  • Add support to generate single JSON report files

Committers: 1

@wdio/visual-service@5.2.0

30 Jul 07:01

Choose a tag to compare

🚀 New Features

Added Reporting output

You now have the option to export the compare results into a JSON report file. By enabling the module option createJsonReportFiles: true, each image thatis compared will create a report stored in the actual folder, next to each actual image result.
The output will look like this:

{
  "parent": "check methods",
  "test": "should fail comparing with a baseline",
  "tag": "examplePageFail",
  "instanceData": {
    "browser": {
      "name": "chrome-headless-shell",
      "version": "126.0.6478.183"
    },
    "platform": {
      "name": "mac",
      "version": "not-known"
    }
  },
  "commandName": "checkScreen",
  "boundingBoxes": {
    "diffBoundingBoxes": [
      {
        "left": 1088,
        "top": 717,
        "right": 1186,
        "bottom": 730
      }
      //....
    ],
    "ignoredBoxes": [
      {
        "left": 159,
        "top": 652,
        "right": 356,
        "bottom": 703
      }
      //...
    ]
  },
  "fileData": {
    "actualFilePath": "/Users/wswebcreation/Git/wdio/visual-testing/.tmp/actual/desktop_chrome-headless-shellexamplePageFail-local-chrome-latest-1366x768.png",
    "baselineFilePath": "/Users/wswebcreation/Git/wdio/visual-testing/localBaseline/desktop_chrome-headless-shellexamplePageFail-local-chrome-latest-1366x768.png",
    "diffFilePath": "/Users/wswebcreation/Git/wdio/visual-testing/.tmp/diff/desktop_chrome-headless-shell/examplePageFail-local-chrome-latest-1366x768png",
    "fileName": "examplePageFail-local-chrome-latest-1366x768.png",
    "size": {
      "actual": {
        "height": 768,
        "width": 1366
      },
      "baseline": {
        "height": 768,
        "width": 1366
      },
      "diff": {
        "height": 768,
        "width": 1366
      }
    }
  },
  "misMatchPercentage": "12.90",
  "rawMisMatchPercentage": 12.900729014153246
}

When all tests are executed, a new JSON file with the collection of the comparisons will be generated and can be found in the root of your actual folder. Thedata is grouped by:

  • describe for Jasmine/Mocha or Feature for CucumberJS
  • it for Jasmine/Mocha or Scenario for CucumberJS
    and then sorted by:
  • commandName, which are the compare method names used to compare the images
  • instanceData, browser first, then device, then platform
    it will look like this
[
  {
    "description": "check methods",
    "data": [
      {
        "test": "should fail comparing with a baseline",
        "data": [
          {
            "tag": "examplePageFail",
            "instanceData": {},
            "commandName": "checkScreen",
            "framework": "mocha",
            "boundingBoxes": {
              "diffBoundingBoxes": [],
              "ignoredBoxes": []
            },
            "fileData": {},
            "misMatchPercentage": "14.34",
            "rawMisMatchPercentage": 14.335403703025868
          },
          {
            "tag": "exampleElementFail",
            "instanceData": {},
            "commandName": "checkElement",
            "framework": "mocha",
            "boundingBoxes": {
              "diffBoundingBoxes": [],
              "ignoredBoxes": []
            },
            "fileData": {},
            "misMatchPercentage": "1.34",
            "rawMisMatchPercentage": 1.335403703025868
          }
        ]
      }
    ]
  }
]

The report data will give you the opportunity to build your own visual report without doing all the magic and data collection yourself.

Patch Changes

  • Updated dependencies [0b01b64]
    • webdriver-image-comparison@6.1.0

Committers: 1

@wdio/ocr-service@1.0.4

30 Jul 07:01

Choose a tag to compare

💅 Polish

  • Refactored the CLI to use @inquirer/prompts instead of inquirer

Committers: 1

webdriver-image-comparison@6.0.2

16 Jul 15:36

Choose a tag to compare

Patch Changes

💅 Polish

  • Update deps

Committers: 1

@wdio/visual-service@5.1.1

16 Jul 15:36

Choose a tag to compare

Patch Changes

  • 26c1a17: This release contains better support for Multiremote tests on the instances and global level, including better Native App support. This is related to issue #418 which is fixed by this release

    💅 Polish

    🐛 Bug Fixes

    Committers: 1

  • Updated dependencies [26c1a17]

    • webdriver-image-comparison@6.0.2