@esimplicity/stack-tests 0.1.6 → 0.1.8

package/dist/{chunk-VWBEMXYC.js → chunk-HSWPZQOM.js}

@@ -304,6 +304,7 @@ function registerFlagSteps(test) {
 
 // src/steps/ui.basic.ts
 import { createBdd as createBdd8 } from "playwright-bdd";
+import { expect as expect3 } from "@playwright/test";
 function registerUiBasicSteps(test) {
   const { Given, When, Then } = createBdd8(test);
   Given("I navigate to {string}", { tags: "@ui or @hybrid" }, async ({ ui, world }, path) => {
@@ -312,6 +313,9 @@ function registerUiBasicSteps(test) {
   When("I click the button {string}", { tags: "@ui or @hybrid" }, async ({ ui, world }, name) => {
     await ui.clickButton(interpolate(name, world.vars));
   });
+  When("I click the {string} button", { tags: "@ui or @hybrid" }, async ({ ui, world }, name) => {
+    await ui.clickButton(interpolate(name, world.vars));
+  });
   When("I click the link {string}", { tags: "@ui or @hybrid" }, async ({ ui, world }, name) => {
     await ui.clickLink(interpolate(name, world.vars));
   });
@@ -321,18 +325,45 @@ function registerUiBasicSteps(test) {
   When("I fill the field {string} with {string}", { tags: "@ui or @hybrid" }, async ({ ui, world }, label, value) => {
     await ui.fillLabel(interpolate(label, world.vars), interpolate(value, world.vars));
   });
+  When("I fill in {string} with {string}", { tags: "@ui or @hybrid" }, async ({ ui, world }, label, value) => {
+    await ui.fillLabel(interpolate(label, world.vars), interpolate(value, world.vars));
+  });
   When("I log in as admin in UI", { tags: "@ui or @hybrid" }, async ({ auth, world }) => {
     await auth.uiLoginAsAdmin(world);
   });
   When("I log in as user in UI", { tags: "@ui or @hybrid" }, async ({ auth, world }) => {
     await auth.uiLoginAsUser(world);
   });
+  When("I click the element {string}", { tags: "@ui or @hybrid" }, async ({ page, world }, selector) => {
+    await page.locator(interpolate(selector, world.vars)).click();
+  });
+  When("I select {string} from dropdown {string}", { tags: "@ui or @hybrid" }, async ({ page, world }, option, selector) => {
+    await page.locator(interpolate(selector, world.vars)).selectOption({ label: interpolate(option, world.vars) });
+  });
   Then("I should see text {string}", { tags: "@ui or @hybrid" }, async ({ ui, world }, text) => {
     await ui.expectText(interpolate(text, world.vars));
   });
   Then("the URL should contain {string}", { tags: "@ui or @hybrid" }, async ({ ui, world }, part) => {
     await ui.expectUrlContains(interpolate(part, world.vars));
   });
+  Then("I should be on page {string}", { tags: "@ui or @hybrid" }, async ({ ui, world }, path) => {
+    await ui.expectUrlContains(interpolate(path, world.vars));
+  });
+  Then("the element {string} should be visible", { tags: "@ui or @hybrid" }, async ({ page, world }, selector) => {
+    await expect3(page.locator(interpolate(selector, world.vars))).toBeVisible();
+  });
+  Then("the element {string} should not be visible", { tags: "@ui or @hybrid" }, async ({ page, world }, selector) => {
+    await expect3(page.locator(interpolate(selector, world.vars))).not.toBeVisible();
+  });
+  Then("the element {string} should have value {string}", { tags: "@ui or @hybrid" }, async ({ page, world }, selector, value) => {
+    await expect3(page.locator(interpolate(selector, world.vars))).toHaveValue(interpolate(value, world.vars));
+  });
+  Then("the element {string} should be checked", { tags: "@ui or @hybrid" }, async ({ page, world }, selector) => {
+    await expect3(page.locator(interpolate(selector, world.vars))).toBeChecked();
+  });
+  Then("the element {string} should not be checked", { tags: "@ui or @hybrid" }, async ({ page, world }, selector) => {
+    await expect3(page.locator(interpolate(selector, world.vars))).not.toBeChecked();
+  });
 }
 
 // src/steps/ui.wizard.ts
@@ -822,7 +853,7 @@ ${truncated}`);
 }
 
 // src/steps/ui.layout.ts
-import { expect as expect3 } from "@playwright/test";
+import { expect as expect4 } from "@playwright/test";
 import { createBdd as createBdd12 } from "playwright-bdd";
 function registerLayoutSteps(test) {
   const { Given, When, Then } = createBdd12(test);
@@ -832,7 +863,7 @@ function registerLayoutSteps(test) {
     async ({ page, world }, panelName) => {
       const resolvedName = interpolate(panelName, world.vars);
       const panel = page.getByTestId(`${resolvedName}-panel`);
-      await expect3(panel).toBeVisible();
+      await expect4(panel).toBeVisible();
     }
   );
   Then(
@@ -841,7 +872,7 @@ function registerLayoutSteps(test) {
     async ({ page, world }, panelName) => {
       const resolvedName = interpolate(panelName, world.vars);
       const panel = page.getByTestId(`${resolvedName}-panel`);
-      await expect3(panel).toBeHidden();
+      await expect4(panel).toBeHidden();
     }
   );
   Then(
@@ -851,9 +882,9 @@ function registerLayoutSteps(test) {
       const resolvedName = interpolate(panelName, world.vars);
       const panel = page.getByTestId(`${resolvedName}-panel`);
       if (state === "visible") {
-        await expect3(panel).toBeVisible();
+        await expect4(panel).toBeVisible();
       } else if (state === "hidden") {
-        await expect3(panel).toBeHidden();
+        await expect4(panel).toBeHidden();
       } else {
         throw new Error(`Unknown panel state: ${state}. Expected 'visible' or 'hidden'.`);
       }
@@ -868,7 +899,7 @@ function registerLayoutSteps(test) {
       const isFullWidth = await panel.evaluate((el) => {
         return !el.classList.contains("split") && !el.classList.contains("narrow") && !el.classList.contains("split-view-list");
       });
-      expect3(isFullWidth, `Expected "${resolvedName}" panel to be full width`).toBe(true);
+      expect4(isFullWidth, `Expected "${resolvedName}" panel to be full width`).toBe(true);
     }
   );
   Then(
@@ -880,7 +911,7 @@ function registerLayoutSteps(test) {
       const isNarrow = await panel.evaluate((el) => {
         return el.classList.contains("split") || el.classList.contains("narrow") || el.classList.contains("split-view-list");
       });
-      expect3(isNarrow, `Expected "${resolvedName}" panel to be narrow`).toBe(true);
+      expect4(isNarrow, `Expected "${resolvedName}" panel to be narrow`).toBe(true);
     }
   );
   Then(
@@ -888,7 +919,7 @@ function registerLayoutSteps(test) {
     { tags: "@ui or @hybrid" },
     async ({ page }) => {
       const splitContainer = page.locator("[data-testid='split-view'], .split-view, [data-split-view]");
-      await expect3(splitContainer.first()).toBeVisible();
+      await expect4(splitContainer.first()).toBeVisible();
     }
   );
   Then(
@@ -897,7 +928,7 @@ function registerLayoutSteps(test) {
     async ({ page }) => {
       const splitContainer = page.locator("[data-testid='split-view'], .split-view, [data-split-view]");
       const count = await splitContainer.count();
-      expect3(count === 0 || !await splitContainer.first().isVisible()).toBe(true);
+      expect4(count === 0 || !await splitContainer.first().isVisible()).toBe(true);
     }
   );
   Then(
@@ -905,7 +936,7 @@ function registerLayoutSteps(test) {
     { tags: "@ui or @hybrid" },
     async ({ page }) => {
       const sidebar = page.locator("[data-testid='sidebar'], aside, nav.sidebar, .sidebar");
-      await expect3(sidebar.first()).toBeVisible();
+      await expect4(sidebar.first()).toBeVisible();
     }
   );
   Then(
@@ -915,7 +946,7 @@ function registerLayoutSteps(test) {
       const sidebar = page.locator("[data-testid='sidebar'], aside.sidebar, nav.sidebar");
       const count = await sidebar.count();
       if (count > 0) {
-        await expect3(sidebar.first()).toBeHidden();
+        await expect4(sidebar.first()).toBeHidden();
       }
     }
   );
@@ -927,7 +958,7 @@ function registerLayoutSteps(test) {
       const isCollapsed = await sidebar.evaluate((el) => {
         return el.classList.contains("collapsed") || el.classList.contains("minimized") || el.getAttribute("data-collapsed") === "true";
       });
-      expect3(isCollapsed, "Expected sidebar to be collapsed").toBe(true);
+      expect4(isCollapsed, "Expected sidebar to be collapsed").toBe(true);
     }
   );
   Then(
@@ -935,7 +966,7 @@ function registerLayoutSteps(test) {
     { tags: "@ui or @hybrid" },
     async ({ page }) => {
       const modal = page.locator("[role='dialog'], [data-testid='modal'], .modal, [aria-modal='true']");
-      await expect3(modal.first()).toBeVisible();
+      await expect4(modal.first()).toBeVisible();
     }
   );
   Then(
@@ -945,7 +976,7 @@ function registerLayoutSteps(test) {
       const modal = page.locator("[role='dialog'], [data-testid='modal'], .modal, [aria-modal='true']");
       const count = await modal.count();
       if (count > 0) {
-        await expect3(modal.first()).toBeHidden();
+        await expect4(modal.first()).toBeHidden();
       }
     }
   );
@@ -955,7 +986,7 @@ function registerLayoutSteps(test) {
     async ({ page, world }, modalName) => {
       const resolvedName = interpolate(modalName, world.vars);
       const modal = page.getByTestId(`${resolvedName}-modal`);
-      await expect3(modal).toBeVisible();
+      await expect4(modal).toBeVisible();
     }
   );
   Given(
@@ -1002,7 +1033,7 @@ function registerLayoutSteps(test) {
     async ({ page, world }, tabName) => {
       const resolvedName = interpolate(tabName, world.vars);
       const tab = page.getByRole("tab", { name: resolvedName });
-      await expect3(tab).toHaveAttribute("aria-selected", "true");
+      await expect4(tab).toHaveAttribute("aria-selected", "true");
     }
   );
   Then(
@@ -1011,7 +1042,7 @@ function registerLayoutSteps(test) {
     async ({ page, world }, tabName) => {
       const resolvedName = interpolate(tabName, world.vars);
       const tab = page.getByRole("tab", { name: resolvedName });
-      await expect3(tab).toHaveAttribute("aria-selected", "false");
+      await expect4(tab).toHaveAttribute("aria-selected", "false");
     }
   );
   When(

package/dist/index.js

@@ -34,7 +34,7 @@ import {
   setupBypassAuth,
   setupFetchIntercept,
   tryParseJson
-} from "./chunk-VWBEMXYC.js";
+} from "./chunk-HSWPZQOM.js";
 
 // src/fixtures.ts
 import { test as base } from "playwright-bdd";

package/dist/steps/index.js

@@ -22,7 +22,7 @@ import {
   registerUiSteps,
   registerWizardSteps,
   setFlag
-} from "../chunk-VWBEMXYC.js";
+} from "../chunk-HSWPZQOM.js";
 export {
   isFlagEnabled,
   registerAllSteps,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esimplicity/stack-tests",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",