fix: fix multiple issues (#746)

* chore: update deps

* fix: image process stalls

- fix #745

* chore: fix android screenshot

* chore: remove duplicate key

* chore: small build fix

* feat: export VisualServiceOptions

- fixes #728

* chore: add changeset

Author: wswebcreation

.changeset/popular-otters-suffer.md

@@ -0,0 +1,12 @@
+---
+"webdriver-image-comparison": patch
+"@wdio/visual-reporter": patch
+"@wdio/visual-service": patch
+"@wdio/ocr-service": patch
+---
+
+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

package.json

@@ -54,46 +54,41 @@
     "@wdio/ocr-service": "workspace:^",
     "webdriver-image-comparison": "workspace:^"
   },
-  "pnpm": {
-    "overrides": {
-      "webdriver-image-comparison": "workspace:*"
-    }
-  },
   "devDependencies": {
-    "@changesets/cli": "^2.27.11",
+    "@changesets/cli": "^2.27.12",
     "@tsconfig/node20": "^20.1.4",
     "@types/eslint": "^9.6.1",
     "@types/jsdom": "~21.1.7",
     "@types/inquirer": "^9.0.7",
     "@types/node": "^22",
     "@types/xml2js": "~0.4.14",
-    "@typescript-eslint/eslint-plugin": "^8.18.2",
-    "@typescript-eslint/parser": "^8.18.2",
-    "@typescript-eslint/utils": "^8.18.2",
+    "@typescript-eslint/eslint-plugin": "^8.21.0",
+    "@typescript-eslint/parser": "^8.21.0",
+    "@typescript-eslint/utils": "^8.21.0",
     "@vitest/coverage-v8": "^2.1.8",
-    "@wdio/appium-service": "^9.5.7",
-    "@wdio/cli": "^9.5.1",
-    "@wdio/globals": "^9.5.1",
-    "wdio-lambdatest-service": "^3.0.3",
-    "@wdio/local-runner": "^9.5.1",
-    "@wdio/mocha-framework": "^9.5.0",
-    "@wdio/sauce-service": "^9.4.5",
-    "@wdio/shared-store-service": "^9.4.5",
-    "@wdio/spec-reporter": "^9.5.0",
-    "@wdio/types": "^9.5.0",
-    "eslint": "^9.17.0",
+    "@wdio/appium-service": "^9.7.1",
+    "@wdio/cli": "^9.7.1",
+    "@wdio/globals": "^9.7.1",
+    "@wdio/local-runner": "^9.7.1",
+    "@wdio/mocha-framework": "^9.6.4",
+    "@wdio/sauce-service": "^9.7.1",
+    "@wdio/shared-store-service": "^9.7.1",
+    "@wdio/spec-reporter": "^9.6.3",
+    "@wdio/types": "^9.6.3",
+    "eslint": "^9.19.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-unicorn": "^56.0.1",
-    "eslint-plugin-wdio": "^9.4.4",
+    "eslint-plugin-wdio": "^9.6.0",
     "husky": "^9.1.7",
     "jsdom": "^25.0.1",
     "npm-run-all2": "^7.0.2",
     "release-it": "^17.11.0",
     "rimraf": "^6.0.1",
     "saucelabs": "^8.0.0",
     "ts-node": "^10.9.2",
-    "typescript": "^5.7.2",
+    "typescript": "^5.7.3",
     "vitest": "^2.1.8",
-    "webdriverio": "^9.5.7"
+    "webdriverio": "^9.7.1",
+    "wdio-lambdatest-service": "^4.0.0"
   }
 }

packages/ocr-service/package.json

@@ -28,9 +28,9 @@
     "watch": "pnpm run build:tsc -w"
   },
   "dependencies": {
-    "@wdio/globals": "^9.5.1",
+    "@wdio/globals": "^9.7.1",
     "@wdio/logger": "^9.4.4",
-    "@wdio/types": "^9.5.0",
+    "@wdio/types": "^9.6.3",
     "fuse.js": "^7.0.0",
     "@inquirer/prompts": "7.2.3",
     "jimp": "^1.6.0",

packages/visual-reporter/package.json

@@ -41,24 +41,24 @@
     "@remix-run/dev": "^2.15.2",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
-    "@typescript-eslint/eslint-plugin": "^8.18.2",
-    "@typescript-eslint/parser": "^8.18.2",
+    "@typescript-eslint/eslint-plugin": "^8.21.0",
+    "@typescript-eslint/parser": "^8.21.0",
     "autoprefixer": "^10.4.20",
-    "eslint": "^9.17.0",
+    "eslint": "^9.19.0",
     "eslint-import-resolver-typescript": "^3.7.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-react": "^7.37.3",
+    "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "^5.1.0",
     "isbot": "^5.1.21",
     "postcss": "^8.5.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-icons": "^5.4.0",
-    "react-select": "^5.9.0",
+    "react-select": "^5.10.0",
     "tailwindcss": "^3.4.17",
-    "typescript": "^5.7.2",
-    "vite": "^5.4.12",
+    "typescript": "^5.7.3",
+    "vite": "^5.4.14",
     "vite-tsconfig-paths": "^5.1.4"
   },
   "engines": {

packages/visual-service/package.json

@@ -26,9 +26,9 @@
     "watch": "pnpm run build:tsc -w"
   },
   "dependencies": {
-    "@wdio/globals": "^9.5.1",
+    "@wdio/globals": "^9.7.1",
     "@wdio/logger": "^9.4.4",
-    "@wdio/types": "^9.5.0",
+    "@wdio/types": "^9.6.3",
     "node-fetch": "^3.3.2",
     "webdriver-image-comparison": "^7.3.0"
   },

packages/visual-service/src/index.ts

@@ -4,6 +4,7 @@ import VisualLauncher from './storybook/launcher.js'
 import type {
     Output,
     Result,
+    VisualServiceOptions,
     WdioCheckFullPageMethodOptions,
     WdioSaveFullPageMethodOptions,
     WdioSaveElementMethodOptions,
@@ -174,6 +175,7 @@ declare global {
         }
     }
 }
+export type { VisualServiceOptions }
 
 export default WdioImageComparisonService
 export const launcher = VisualLauncher

packages/visual-service/src/utils.ts

@@ -319,7 +319,6 @@ export function determineNativeContext(
         const isAutoWebviewFalse = !(
             capabilities['appium:autoWebview'] === true ||
             capabilities['appium:options']?.autoWebview === true ||
-            // @ts-expect-error
             capabilities['lt:options']?.autoWebview === true
         )
 

packages/webdriver-image-comparison/package.json

@@ -27,14 +27,14 @@
     "watch:js": "node -e \"require('fs').watchFile('src/resemble/resemble.jimp.cjs', () => { require('child_process').exec('npm run copy-js'); });\""
   },
   "dependencies": {
-    "fs-extra": "^11.2.0",
+    "fs-extra": "^11.3.0",
     "jimp": "^1.6.0",
     "@wdio/logger": "^9.4.4"
   },
   "devDependencies": {
     "@types/copyfiles": "~2.4.4",
     "@types/fs-extra": "^11.0.4",
     "copyfiles": "^2.4.1",
-    "webdriverio": "^9.5.7"
+    "webdriverio": "^9.7.1"
   }
 }

packages/webdriver-image-comparison/src/resemble/resemble.jimp.cjs

@@ -831,7 +831,7 @@ const isNode = function () {
                 // c = createCanvas(w, h);
                 // context = c.getContext("2d");
                 // context.putImageData(img, 0, 0);
-                return img.contain(w, h)
+                return img.contain({w, h})
             }
 
             return img