@badisi/wdio-harness 4.2.2 → 4.3.1

package/README.md

@@ -57,6 +57,7 @@ __Methods__
 __Example__
 
 ```ts
+import '@angular/compiler'; // required since Angular v21
 import { MatDatepickerInputHarness } from '@angular/material/datepicker/testing';
 import { getHarness } from '@badisi/wdio-harness';
 

package/WebdriverIOHarnessEnvironment.d.ts

@@ -1,4 +1,4 @@
-import { ComponentHarness, ComponentHarnessConstructor, HarnessEnvironment } from '@angular/cdk/testing';
+import { type ComponentHarness, type ComponentHarnessConstructor, HarnessEnvironment } from '@angular/cdk/testing';
 import { WebdriverIOTestElement } from './WebdriverIOTestElement.js';
 /**
  * A `HarnessEnvironment` implementation for WebdriverIO.

package/WebdriverIOHarnessEnvironment.js

@@ -1,8 +1,7 @@
 import { HarnessEnvironment } from '@angular/cdk/testing';
 import logger from '@wdio/logger';
 import { WebdriverIOTestElement } from './WebdriverIOTestElement.js';
-import colors from '@colors/colors/safe.js';
-const { magenta, green } = colors;
+import { green, magenta } from './utils';
 /** Registers the environment logger. */
 const log = logger('wdio-harness');
 /**

package/WebdriverIOTestElement.d.ts

@@ -1,4 +1,4 @@
-import { ElementDimensions, EventData, ModifierKeys, TestElement, TestKey, TextOptions } from '@angular/cdk/testing';
+import { type ElementDimensions, type EventData, type ModifierKeys, type TestElement, TestKey, type TextOptions } from '@angular/cdk/testing';
 /** Module augmentation to expose the host element as a public api */
 declare module '@angular/cdk/testing' {
     interface ComponentHarness {
@@ -62,6 +62,11 @@ export declare class WebdriverIOTestElement implements TestElement {
     sendKeys(modifiers: ModifierKeys, ...keys: (string | TestKey)[]): Promise<void>;
     /** Gets the text from the element. */
     text(options?: TextOptions): Promise<string>;
+    /**
+     * Sets the value of a `contenteditable` element.
+     * @param value Value to be set on the element.
+    */
+    setContenteditableValue(value: string): Promise<void>;
     /** Gets the value for the given attribute from the element. */
     getAttribute(name: string): Promise<string | null>;
     /** Checks whether the element has the given class. */

package/WebdriverIOTestElement.js

@@ -1,8 +1,7 @@
-import { TestKey, ComponentHarness } from '@angular/cdk/testing';
+import { ComponentHarness, TestKey } from '@angular/cdk/testing';
 import { browser } from '@wdio/globals';
 import logger from '@wdio/logger';
-import colors from '@colors/colors/safe.js';
-const { magenta, green } = colors;
+import { green, magenta } from './utils';
 var Button;
 (function (Button) {
     Button["LEFT"] = "left";
@@ -160,6 +159,19 @@ export class WebdriverIOTestElement {
         // We don't go through WebdriverIO's `getText`, because it excludes text from hidden elements.
         return browser.executeScript(`return (arguments[0].textContent ?? '').trim()`, [this.hostElement]);
     }
+    /**
+     * Sets the value of a `contenteditable` element.
+     * @param value Value to be set on the element.
+    */
+    async setContenteditableValue(value) {
+        const contenteditableAttr = await this.getAttribute('contenteditable');
+        if (contenteditableAttr !== '' &&
+            contenteditableAttr !== 'true' &&
+            contenteditableAttr !== 'plaintext-only') {
+            throw new Error('setContenteditableValue can only be called on a `contenteditable` element.');
+        }
+        return browser.executeScript('arguments[0].textContent = arguments[1];', [this.hostElement, value]);
+    }
     /** Gets the value for the given attribute from the element. */
     async getAttribute(name) {
         this.logAction('GET_ATTRIBUTE', name);

package/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentHarness, HarnessQuery } from '@angular/cdk/testing';
+import type { ComponentHarness, HarnessQuery } from '@angular/cdk/testing';
 import { WebdriverIOHarnessEnvironment } from './WebdriverIOHarnessEnvironment.js';
 /**
  * Searches for all instances of the component corresponding to the given harness type under the

package/index.js

@@ -1,4 +1,4 @@
-import { browser, $ } from '@wdio/globals';
+import { $, browser } from '@wdio/globals';
 import { WebdriverIOHarnessEnvironment } from './WebdriverIOHarnessEnvironment.js';
 /**
  * Searches for all instances of the component corresponding to the given harness type under the

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@badisi/wdio-harness",
-    "version": "4.2.2",
+    "version": "4.3.1",
     "description": "WebdriverIO support for Angular component test harnesses.",
     "homepage": "https://github.com/Badisi/wdio-harness",
     "license": "MIT",
@@ -39,11 +39,8 @@
         "node": "^16.14.0 || >=18.10.0"
     },
     "peerDependencies": {
-        "@angular/cdk": ">= 13 < 21",
+        "@angular/cdk": ">= 13 < 22",
         "@wdio/logger": ">= 9 < 10",
         "webdriverio": ">= 9 < 10"
-    },
-    "dependencies": {
-        "@colors/colors": "^1.6.0"
     }
 }

package/utils.d.ts

@@ -0,0 +1,3 @@
+declare const magenta: (msg: string) => string;
+declare const green: (msg: string) => string;
+export { magenta, green };

package/utils.js

@@ -0,0 +1,4 @@
+const colorize = (msg, color) => process.stdout.isTTY ? `${color}${msg}\x1b[0m` : msg;
+const magenta = (msg) => colorize(msg, '\x1b[35m');
+const green = (msg) => colorize(msg, '\x1b[32m');
+export { magenta, green };