@cuppet/core 1.0.10 → 1.0.12

package/README.md

@@ -5,7 +5,7 @@ Core testing framework components for Cuppet - a BDD framework based on Cucumber
 ## Installation
 
 ```bash
-npm install @cuppet/core
+yarn install @cuppet/core
 ```
 
 ## Usage
@@ -134,7 +134,7 @@ This package requires the following peer dependencies:
 Make sure to install these in your project:
 
 ```bash
-npm install @cucumber/cucumber config
+yarn install @cucumber/cucumber config
 ```
 
 ## License

package/features/app/stepDefinitions/pageElements.js

@@ -41,6 +41,11 @@ Then('I should see {string} in {string} region', async function (text, region) {
     await utils.seeTextInRegion(this.page, resolvedText, region);
 });
 
+Then('I should not see {string} in {string} region', async function (text, region) {
+    const resolvedText = this.mlStrings[text] ?? text;
+    await utils.notSeeTextInRegion(this.page, resolvedText, region);
+});
+
 Then('I should see the element with selector {string}', async function (cssSelector) {
     const selector = this.commonFields[cssSelector] ?? cssSelector;
     await utils.seeElement(this.page, selector);

package/features/app/world.js

@@ -25,4 +25,4 @@ class World {
 setWorldConstructor(World);
 
 // Export the World class for use in the main repository
-module.exports = { World };
+module.exports = { World };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cuppet/core",
-    "version": "1.0.10",
+    "version": "1.0.12",
     "description": "Core testing framework components for Cuppet - BDD framework based on Cucumber and Puppeteer",
     "main": "index.js",
     "files": [

package/src/elementInteraction.js

@@ -411,6 +411,31 @@ module.exports = {
         }
     },
 
+    /**
+     * Validate that text is not visible in specific region (another element).
+     * To be used when multiple renders of the same text are shown on the page.
+     * @param {Page} page
+     * @param text
+     * @param region
+     * @param time
+     * @returns {Promise<void>}
+     */
+    notSeeTextInRegion: async function (page, text, region, time = 3000) {
+        const regionClass = await helper.getRegion(page, region);
+        const selector = 'xpath/' + `//*[contains(@class,'${regionClass}') and .//text()[contains(.,"${text}")]]`;
+        const options = {
+            visible: true, // With true flag it will fail only if the element is in the dom and visible
+            timeout: time, // Maximum time to wait in milliseconds (default is 30s which is a lot for a negative step)
+        };
+        try {
+            await page.waitForSelector(selector, options);
+            throw new Error(`Text ${text} is visible in ${regionClass}!`);
+        } catch {
+            // Element not visible - that's the expected result
+            return;
+        }
+    },
+
     /**
      * Hover element based on text content (useful for text inside spans, paragraphs etc. like menu links)
      * @param {Page} page