artes 1.0.13 → 1.0.15

package/cucumber.config.js

@@ -74,8 +74,8 @@ module.exports = {
   browser: {
     browserType: artesConfig.browserType || "chrome",
     viewport: {
-      width: artesConfig.viewport?.width || 1280,
-      height: artesConfig.viewport?.height || 720,
+      width: artesConfig?.width || 1280,
+      height: artesConfig?.height || 720,
     },
     headless: artesConfig.headless !== undefined ? artesConfig.headless : true,
   },

package/index.js

@@ -5,6 +5,7 @@ const {
   Then,
   context,
   element,
+  selector,
   page,
   request,
 } = require("./src/helper/imports/commons");
@@ -22,6 +23,7 @@ module.exports = {
   When,
   Then,
   element,
+  selector,
   context,
   page,
   request,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "artes",
-  "version": "1.0.13",
+  "version": "1.0.15",
   "description": "The package provide step definitions and user writes feature files, and the package handles automation, with optional POM files and custom step definitions.",
   "main": "index.js",
   "scripts": {

package/src/helper/executers/projectCreator.js

@@ -42,7 +42,7 @@ function createProject(createYes) {
     // paths: [],                    // string[] - Paths to feature files
     // steps: "",                    // string - Step definitions files
     // pomPath: "",                  // string - Path to POM files
-    // timeout : 0,                   // number - Test timeout in seconds
+    // timeout : 0,                  // number - Test timeout in seconds
     // parallel: 0,                  // number - Number of parallel workers
     // format: [],                   // string[] - Formatter names/paths
     // formatOptions: {},            // object - Formatter options    
@@ -50,6 +50,9 @@ function createProject(createYes) {
     // tags: "",                     // string - Tag expression to filter scenarios
     // backtrace: false,             // boolean - Show full backtrace for errors
     // dryRun: false,                // boolean - Prepare test run without execution
+    // browser: "chrome",            // "chrome", "firefox", "webkit"
+    // width: 1280,                  // number - Browser width
+    // height: 720,                  // number - Browser height
     // forceExit: false,             // boolean - Force process.exit() after tests
     // failFast: false,              // boolean - Stop on first test failure
     // import: [],                   // string[] - Support code paths
@@ -68,7 +71,7 @@ function createProject(createYes) {
   const featureContent = `Feature: Shopping on SauceDemo 🛒
 
         Background: Login on SauceDemo
-            Given User navigates to "https://www.saucedemo.com/" page
+            Given User is on home page of SauceDemo
               And User types "standard_user" in "username_input"
               And User types "secret_sauce" in "password_input"
               And User clicks "#login-button"

package/src/helper/imports/commons.js

@@ -1,9 +1,13 @@
 const { expect } = require("playwright/test");
 const { Given, When, Then } = require("@cucumber/cucumber");
-const { getElement } = require("../pomController/elementController");
+const {
+  getElement,
+  getSelector,
+} = require("../pomController/elementController");
 const { context } = require("../../hooks/context");
 
 const element = getElement;
+const selector = getSelector;
 const page = context.page;
 const request = context.request;
 
@@ -30,6 +34,7 @@ module.exports = {
   When,
   Then,
   element,
+  selector,
   page,
   request,
   context,

package/src/helper/pomController/elementController.js

@@ -16,9 +16,16 @@ class Elements {
     const waitTime = this.elements[element]?.waitTime * 1000 || 0;
     return context.page.locator(selector);
   }
+
+  static getSelector(element) {
+    const selector =
+      this.elements?.[element]?.selector || this.elements?.[element] || element;
+    return selector;
+  }
 }
 
 module.exports = {
   getElement: Elements.getElement.bind(Elements),
   addElements: Elements.addElements.bind(Elements),
+  getSelector: Elements.getSelector.bind(Elements),
 };

package/src/helper/stepFunctions/mouseActions.js

@@ -7,12 +7,10 @@ const mouse = {
   forceClick: async (selector) => {
     await element(selector).click({ force: true });
   },
-  clickPosition: async (selector, position) => {
-    const [x, y] = position.split(",").map(Number);
+  clickPosition: async (selector, x, y) => {
     await element(selector).click({ position: { x: x, y: y } });
   },
-  forceClickPosition: async (selector, position) => {
-    const [x, y] = position.split(",").map(Number);
+  forceClickPosition: async (selector, x, y) => {
     await element(selector).click({ force: true, position: { x: x, y: y } });
   },
   rightClick: async (selector) => {
@@ -33,8 +31,7 @@ const mouse = {
   forceDoubleClick: async (selector) => {
     await element(selector).dblclick({ force: true });
   },
-  forceDoubleClickPosition: async (selector, position) => {
-    const [x, y] = position.split(",").map(Number);
+  forceDoubleClickPosition: async (selector, x, y) => {
     await element(selector).dblclick({ force: true, position: { x: x, y: y } });
   },
   hover: async (selector) => {
@@ -43,12 +40,10 @@ const mouse = {
   forceHover: async (selector) => {
     await element(selector).hover({ force: true });
   },
-  hoverPosition: async (selector, position) => {
-    const [x, y] = position.split(",").map(Number);
+  hoverPosition: async (selector, x, y) => {
     await element(selector).hover({ x: x, y: y });
   },
-  forceHoverPosition: async (selector, position) => {
-    const [x, y] = position.split(",").map(Number);
+  forceHoverPosition: async (selector, x, y) => {
     await element(selector).hover({ force: true, x: x, y: y });
   },
   focus: async (selector) => {
@@ -57,12 +52,10 @@ const mouse = {
   forceFocus: async (selector) => {
     await element(selector).focus({ force: true });
   },
-  focusPosition: async (selector, position) => {
-    const [x, y] = position.split(",").map(Number);
+  focusPosition: async (selector, x, y) => {
     await element(selector).focus({ x: x, y: y });
   },
-  forceFocusPosition: async (selector, position) => {
-    const [x, y] = position.split(",").map(Number);
+  forceFocusPosition: async (selector, x, y) => {
     await element(selector).focus({ force: true, x: x, y: y });
   },
   dragAndDrop: async (sourceSelector, targetSelector) => {
@@ -70,8 +63,7 @@ const mouse = {
     const target = await element(targetSelector);
     await source.dragTo(target);
   },
-  dragAndDropPosition: async (sourceSelector, position) => {
-    const [x, y] = position.split(",").map(Number);
+  dragAndDropPosition: async (sourceSelector, x, y) => {
     await element(sourceSelector).dragTo({ targetPosition: { x: x, y: y } });
   },
   selectByValue: async (selector, value) => {

package/src/stepDefinitions/API.steps.js

@@ -1,5 +1,5 @@
-const { When, context } = require("../../helper/imports/commons");
-const { api, assert } = require("../../helper/stepFunctions/exporter");
+const { When, context } = require("../helper/imports/commons");
+const { api, assert } = require("../helper/stepFunctions/exporter");
 
 When("User sends GET request to {string}", async function (url) {
   await api.get(url);

package/src/stepDefinitions/frameActions.steps.js

@@ -1,5 +1,5 @@
-const { When } = require("../../helper/imports/commons");
-const { frame } = require("../../helper/stepFunctions/exporter");
+const { When } = require("../helper/imports/commons");
+const { frame } = require("../helper/stepFunctions/exporter");
 
 // User takes a screenshot of a specific selector
 When("User takes a screenshot of {string}", async function (selector) {

package/src/stepDefinitions/keyboardActions.steps.js

@@ -1,5 +1,5 @@
-const { When } = require("../../helper/imports/commons");
-const { keyboard } = require("../../helper/stepFunctions/exporter");
+const { When } = require("../helper/imports/commons");
+const { keyboard } = require("../helper/stepFunctions/exporter");
 
 // User presses a key on a specific selector
 When("User presses {string} on {string}", async function (key, selector) {

package/src/stepDefinitions/mouseActions.steps.js

@@ -1,5 +1,5 @@
-const { When } = require("../../helper/imports/commons");
-const { mouse } = require("../../helper/stepFunctions/exporter");
+const { When } = require("../helper/imports/commons");
+const { mouse } = require("../helper/stepFunctions/exporter");
 
 // User clicks on a selector
 When("User clicks {string}", async function (selector) {

package/src/stepDefinitions/page.steps.js

@@ -1,5 +1,5 @@
-const { When, context } = require("../../helper/imports/commons");
-const { page } = require("../../helper/stepFunctions/exporter");
+const { When, context } = require("../helper/imports/commons");
+const { page } = require("../helper/stepFunctions/exporter");
 
 When("User navigates to {string} page", async function (url) {
   await page.navigateTo(url);