reviving project

Author: christian-bromann

example/features/step-definitions/steps.ts

@@ -19,5 +19,6 @@ When(/^I login with (\w+) and (.+)$/, async (username, password) => {
 Then(/^I should see a flash message saying (.*)$/, async (message) => {
     await expect(SecurePage.flashAlert).toBeExisting()
     await expect(SecurePage.flashAlert).toHaveTextContaining(message)
+    await browser.pause(15000)
 })
 

example/package.json

@@ -2,13 +2,16 @@
   "name": "examples",
   "type": "module",
   "devDependencies": {
-    "@wdio/cli": "8.24.16",
-    "@wdio/cucumber-framework": "^8.24.13",
+    "@wdio/cli": "8.39.0",
+    "@wdio/cucumber-framework": "^8.39.0",
     "@wdio/devtools-service": "workspace:^",
-    "@wdio/local-runner": "^8.24.12",
-    "@wdio/spec-reporter": "^8.24.12",
-    "ts-node": "^10.9.1",
-    "typescript": "^5.3.3"
+    "@wdio/globals": "^8.39.0",
+    "@wdio/local-runner": "^8.39.0",
+    "@wdio/spec-reporter": "^8.39.0",
+    "@wdio/types": "^8.39.0",
+    "expect-webdriverio": "^4.15.1",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.4.5"
   },
   "scripts": {
     "wdio": "wdio run ./wdio.conf.ts"

example/wdio.conf.ts

@@ -1,5 +1,8 @@
+import path from 'node:path'
 import type { Options } from '@wdio/types'
 
+const __dirname = path.resolve(path.dirname(new URL(import.meta.url).pathname))
+
 export const config: Options.Testrunner = {
     //
     // ====================
@@ -146,7 +149,7 @@ export const config: Options.Testrunner = {
     // If you are using Cucumber you need to specify the location of your step definitions.
     cucumberOpts: {
         // <string[]> (file/dir) require files before executing features
-        require: ['./features/step-definitions/steps.ts'],
+        require: [path.resolve(__dirname, 'features', 'step-definitions', 'steps.ts')],
         // <boolean> show full backtrace for errors
         backtrace: false,
         // <string[]> ("extension:module") require files with the given EXTENSION after requiring MODULE (repeatable)

package.json

@@ -10,24 +10,27 @@
     "watch": "pnpm build --watch"
   },
   "devDependencies": {
-    "@types/node": "^20.8.7",
+    "@types/node": "^20.14.5",
     "@typescript-eslint/eslint-plugin": "^6.9.0",
     "@typescript-eslint/parser": "^6.9.0",
     "@typescript-eslint/utils": "^6.9.0",
     "@vitest/browser": "^0.34.6",
-    "autoprefixer": "^10.4.16",
+    "autoprefixer": "^10.4.19",
     "eslint": "^8.52.0",
-    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-unicorn": "^48.0.1",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.31",
-    "postcss-lit": "^1.1.0",
-    "tailwindcss": "^3.3.3",
-    "ts-node": "^10.9.1",
+    "postcss": "^8.4.38",
+    "postcss-lit": "^1.1.1",
+    "tailwindcss": "^3.4.4",
+    "ts-node": "^10.9.2",
     "typescript": "^5.0.2",
-    "unplugin-icons": "^0.17.1",
+    "unplugin-icons": "^0.19.0",
     "vite": "^4.4.5",
     "vitest": "^0.34.6",
-    "webdriverio": "^8.20.3"
+    "webdriverio": "^8.39.0"
+  },
+  "dependencies": {
+    "@wdio/cli": "8.39.0"
   }
 }

packages/app/src/components/workbench/console.ts

@@ -1,5 +1,3 @@
-/// <reference types="../../../script" />
-
 import { Element } from '@core/element'
 import { html, css, nothing } from 'lit'
 import { customElement } from 'lit/decorators.js'

packages/service/package.json

@@ -38,6 +38,7 @@
   "license": "MIT",
   "devDependencies": {
     "@types/stack-trace": "^0.0.33",
+    "@types/ws": "^8.5.10",
     "@wdio/globals": "^8.23.0",
     "@wdio/protocols": "^8.23.0",
     "vite-plugin-dts": "^3.6.3"

packages/service/src/session.ts

@@ -31,7 +31,7 @@ export class SessionCapturer {
     const { port, hostname } = devtoolsOptions
     if (hostname && port) {
       this.#ws = new WebSocket(`ws://${hostname}:${port}/worker`)
-      this.#ws.on('error', (err) => log.error(`Couldn't connect to devtools backend: ${err.message}`))
+      this.#ws.on('error', (err: unknown) => log.error(`Couldn't connect to devtools backend: ${(err as Error).message}`))
     }
   }