Match value wait (#41)

added to match value wait

Author: AlexGalichenko

CHANGELOG.md

@@ -4,6 +4,9 @@ All notable changes to the "@qavajs/steps-playwright" will be documented in this
 
 Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file.
 
+## [0.0.19]
+- :rocket: added to match value wait
+
 ## [0.0.18]
 - :rocket: added interceptor steps
 - :rocket: added support of multiple events for taking screenshots

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@qavajs/steps-playwright",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "steps to interact with playwright",
   "main": "./index.js",
   "scripts": {

package.json

@@ -9,7 +9,7 @@ defineParameterType({
 
 defineParameterType({
     name: 'playwrightValueWait',
-    regexp: /((not )?to (?:be )?(equal|contain|above|below))/,
+    regexp: /((not )?to (?:be )?(equal|contain|above|below|match))/,
     transformer: p => p,
     useForSnippets: false
 });

src/types.ts

@@ -27,11 +27,19 @@ function toSimpleEqual(this: any, actual: any, expected: any) {
 
 expect.extend({ toSimpleEqual });
 
+function regexp(regexpLike: string | RegExp) {
+    if (typeof regexpLike === 'string') {
+        return new RegExp(regexpLike, 'gmi')
+    }
+    return regexpLike
+}
+
 export const valueValidations = {
     EQUAL: 'equal',
     CONTAIN: 'contain',
     ABOVE: 'above',
-    BELOW: 'below'
+    BELOW: 'below',
+    MATCH: 'match'
 }
 
 const notClause = '(not )?';
@@ -45,7 +53,8 @@ const waits = {
     [valueValidations.EQUAL]: async (poll: any, expected: any) => poll.toSimpleEqual(expected),
     [valueValidations.CONTAIN]: async (poll: any, expected: any) => poll.toContain(expected),
     [valueValidations.ABOVE]: async (poll: any, expected: any) => poll.toBeGreaterThan(parseInt(expected)),
-    [valueValidations.BELOW]: async (poll: any, expected: any) => poll.toBeLessThan(parseInt(expected))
+    [valueValidations.BELOW]: async (poll: any, expected: any) => poll.toBeLessThan(parseInt(expected)),
+    [valueValidations.MATCH]: async (poll: any, expected: any) => poll.toMatch(regexp(expected))
 }
 
 /**

src/valueWait.ts

@@ -13,14 +13,41 @@ Feature: waits
       | Visible Element | to be visible     |
       | Hidden Element  | to be invisible   |
 
-  Scenario: wait for text
-      Then I wait until text of 'Loading' to be equal '100%'
+  Scenario Outline: wait for text (<condition>)
+    Then I wait until text of 'Loading' <condition> '<expectation>'
 
-  Scenario: wait for property
-    Then I wait until 'value' property of 'Loading Input' to be equal '100%'
+    Examples:
+     | condition      | expectation |
+     | to equal       | 100%        |
+     | to contain     | 10          |
+     | to match       | ^.00%$      |
+     | not to equal   | 10%         |
+     | not to contain | 10          |
+     | not to match   | ^.0%$       |
+
+  Scenario Outline: wait for property (<condition>)
+    Then I wait until 'value' property of 'Loading Input' <condition> '<expectation>'
+
+    Examples:
+      | condition      | expectation |
+      | to equal       | 100%        |
+      | to contain     | 10          |
+      | to match       | ^.00%$      |
+      | not to equal   | 10%         |
+      | not to contain | 10          |
+      | not to match   | ^.0%$       |
+
+  Scenario Outline: wait for attribute (<condition>)
+    Then I wait until 'style' attribute of 'Hidden Element' <condition> '<expectation>'
 
-  Scenario: wait for attribute
-    Then I wait until 'style' attribute of 'Hidden Element' to contain 'hidden'
+    Examples:
+      | condition      | expectation            |
+      | to equal       | visibility: hidden;    |
+      | to contain     | hidden                 |
+      | to match       | hidden;$               |
+      | not to equal   | visibility: displayed; |
+      | not to contain | displayed              |
+      | not to match   | displayed;$            |
 
   Scenario Outline: wait for number of elements in collection
     Then I wait until number of elements in 'Wait Collection' collection <condition> '<expected>'