qavajs · AlexGalichenko · Dec 19, 2023 · Dec 19, 2023
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -8,7 +8,11 @@ Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how
 :beetle: - bugfix
 :x: - deprecation
 
-## [Unreleased]
+## [0.42.0]
+- :rocket: added _I tap {string}_ step
+```gherkin
+When I tap 'Button'
+```
 - :beetle: added present timeout for value waits
 
 ## [0.41.5]

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@qavajs/steps-playwright",
-  "version": "0.41.5",
+  "version": "0.42.0",
   "description": "steps to interact with playwright",
   "main": "./index.js",
   "scripts": {

diff --git a/src/actions.ts b/src/actions.ts
@@ -426,3 +426,13 @@ When('I click {playwrightBrowserButton} button', async function (button: 'back'
     if (button === 'back') return page.goBack();
     if (button === 'forward') return page.goForward();
 });
+
+/**
+ * Tap element
+ * @param {string} alias - element to tap
+ * @example I tap 'Google Button'
+ */
+When('I tap {string}', async function (alias: string) {
+    const element = await getElement(alias);
+    await element.tap();
+});
diff --git a/test-e2e/apps/actions.html b/test-e2e/apps/actions.html
@@ -7,6 +7,7 @@
 <body style="height: 1000px">
 <span id="action">Nothing</span>
 <button id="button">Click Me!</button>
+<button id="buttonTap">Tap Me!</button>
 <button id="buttonHover">Hover Me!</button>
 <label for="input"></label><input type="text" id="input"/>
 <input type="file" id="fileInput"/>
@@ -59,6 +60,7 @@
 <script>
   const action = document.querySelector('#action');
   const button = document.querySelector('#button');
+  const buttonTap = document.querySelector('#buttonTap');
   const buttonHover = document.querySelector('#buttonHover');
   const input = document.querySelector('#input');
   const fileInput = document.querySelector('#fileInput');
@@ -78,6 +80,10 @@
     action.innerText = 'click';
   });
 
+  buttonTap.addEventListener('touchend', function () {
+    action.innerText = 'tap';
+  });
+
   button.addEventListener('dblclick', function () {
     action.innerText = 'dblclick';
   });

diff --git a/test-e2e/features/actions.feature b/test-e2e/features/actions.feature
@@ -228,3 +228,7 @@ Feature: actions
     Then I expect current url to contain 'actions.html'
     When I click forward button
     Then I expect current url to contain 'values.html'
+
+  Scenario: tap
+    When I tap 'Button Tap'
+    Then I expect text of 'Action' to be equal 'tap'
diff --git a/test-e2e/page_object/index.ts b/test-e2e/page_object/index.ts
@@ -9,6 +9,7 @@ export default class App {
     PromptButton = $('#prompt');
     Body = $('body');
     Button = $('#button');
+    ButtonTap = $('#buttonTap');
     ButtonHover = $('#buttonHover');
     Input = $('#input');
     Select = $('#select');

diff --git a/test-e2e/step-definitions/index.ts b/test-e2e/step-definitions/index.ts
@@ -1,14 +1,10 @@
 import { Then } from '@cucumber/cucumber';
 import memory from '@qavajs/memory';
-import { Browser, BrowserContext, Page } from 'playwright';
+import { Page } from 'playwright';
 import { expect } from 'chai';
 
 declare global {
-    var browser: Browser;
-    var driver: Browser;
-    var context: BrowserContext;
     var page: Page;
-    var config: any;
 }
 
 Then('I expect {string} memory value to be equal {string}', async function(actual, expected) {

diff --git a/test-e2e/webui.ts b/test-e2e/webui.ts
@@ -11,7 +11,8 @@ const common = {
             page: 5000
         },
         capabilities: {
-            browserName: 'chromium'
+            browserName: 'chromium',
+            hasTouch: true
         },
         trace: {
             event: ['onFail'],
@@ -57,7 +58,8 @@ export const debug = {
         },
         capabilities: {
             browserName: 'chromium',
-            headless: false
+            headless: false,
+            hasTouch: true
         },
         trace: {
             event: ['onFail'],

diff --git a/tsconfig.json b/tsconfig.json
@@ -13,6 +13,10 @@
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
     "strict": true,
-    "skipLibCheck": true
+    "skipLibCheck": true,
+    "types": [
+      "./global.d.ts",
+      "node"
+    ]
   }
 }