playwright-cucumber-ts-steps 1.3.0 → 1.3.2

package/dist/backend/assertions/elements.js

@@ -0,0 +1,441 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.countElements = countElements;
+exports.expectButtonNotVisible = expectButtonNotVisible;
+exports.expectHeadingNotVisible = expectHeadingNotVisible;
+exports.expectLabelNotVisible = expectLabelNotVisible;
+exports.expectLinkNotVisible = expectLinkNotVisible;
+exports.expectTestIdNotVisible = expectTestIdNotVisible;
+exports.expectRoleNotVisible = expectRoleNotVisible;
+exports.expectOptionNotVisible = expectOptionNotVisible;
+exports.expectElementWithAttributeNotVisible = expectElementWithAttributeNotVisible;
+exports.expectElementAttributeContains = expectElementAttributeContains;
+exports.expectElementAttributeEquals = expectElementAttributeEquals;
+exports.expectElementHasAttribute = expectElementHasAttribute;
+exports.expectButtonVisible = expectButtonVisible;
+exports.expectElementToHaveClassContaining = expectElementToHaveClassContaining;
+exports.expectElementToNotContainText = expectElementToNotContainText;
+exports.expectElementToHaveText = expectElementToHaveText;
+exports.expectElementToContainText = expectElementToContainText;
+exports.expectElementToHaveValue = expectElementToHaveValue;
+exports.expectElementAttributeValue = expectElementAttributeValue;
+exports.getElementBySelectorToBeVisible = getElementBySelectorToBeVisible;
+exports.expectHeadingVisible = expectHeadingVisible;
+exports.expectLabelVisible = expectLabelVisible;
+exports.expectLinkVisible = expectLinkVisible;
+exports.expectTestIdVisible = expectTestIdVisible;
+exports.expectRoleVisible = expectRoleVisible;
+exports.expectOptionVisible = expectOptionVisible;
+exports.expectElementToHaveCount = expectElementToHaveCount;
+exports.expectElementToBeHidden = expectElementToBeHidden;
+//src/backend/assertions/elements.ts
+const test_1 = require("@playwright/test");
+const registry_1 = require("../../core/registry");
+const fixtures_1 = require("../utils/fixtures");
+const resolver_1 = require("../utils/resolver");
+// ==================================================
+// CORE FUNCTIONS
+// ==================================================
+/**
+ * Counts the number of elements matching the selector.
+ * Supports fixtures for reusable selectors.
+ * @example Then I count elements "li.item"
+ */
+async function countElements(page, selectorKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const count = await page.locator(selector).count();
+    console.log(`🔢 Found ${count} elements matching "${selector}"`);
+}
+/**
+ * Asserts that a button element does not exist or is not visible.
+ * Supports fixtures for reusable selectors.
+ * @example Then I do not see button element "nav.logoutBtn"
+ */
+async function expectButtonNotVisible(page, selectorKey) {
+    const selector = (0, resolver_1.resolveParam)(selectorKey, "selectors.json");
+    await (0, test_1.expect)(page.locator(selector)).toBeHidden();
+    console.log(`✅ Button "${selector}" is not visible or does not exist`);
+}
+/**
+ * Asserts that a heading element does not exist or is not visible.
+ * Supports fixtures for reusable selectors.
+ * @example Then I do not see heading element "h1.main-title"
+ */
+async function expectHeadingNotVisible(page, selectorKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const element = page.locator(selector);
+    const count = await element.count();
+    if (count > 0) {
+        await (0, test_1.expect)(element).not.toBeVisible();
+    }
+    // If count is 0, the element doesn't exist, which satisfies "not see"
+    console.log(`✅ Heading "${selector}" is not visible or does not exist`);
+}
+/**
+ * Asserts that a label element does not exist or is not visible.
+ * Supports fixtures for reusable selectors.
+ * @example Then I do not see label element "label.username-label"
+ */
+async function expectLabelNotVisible(page, selectorKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const element = page.locator(selector);
+    const count = await element.count();
+    if (count > 0) {
+        await (0, test_1.expect)(element).not.toBeVisible();
+    }
+    // If count is 0, the element doesn't exist, which satisfies "not see"
+    console.log(`✅ Label "${selector}" is not visible or does not exist`);
+}
+/**
+ * Asserts that a link element does not exist or is not visible.
+ * Supports fixtures for reusable selectors.
+ * @example Then I do not see link element "a.privacy-link"
+ */
+async function expectLinkNotVisible(page, selectorKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const element = page.locator(selector);
+    const count = await element.count();
+    if (count > 0) {
+        await (0, test_1.expect)(element).not.toBeVisible();
+    }
+    // If count is 0, the element doesn't exist, which satisfies "not see"
+    console.log(`✅ Link "${selector}" is not visible or does not exist`);
+}
+/**
+ * Asserts that an element with a specific test ID does not exist or is not visible.
+ * Supports fixtures for reusable test IDs.
+ * @example Then I do not see testid element "data-testid=my-component"
+ */
+async function expectTestIdNotVisible(page, selectorKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const element = page.locator(selector);
+    const count = await element.count();
+    if (count > 0) {
+        await (0, test_1.expect)(element).not.toBeVisible();
+    }
+    // If count is 0, the element doesn't exist, which satisfies "not see"
+    console.log(`✅ Test ID "${selector}" is not visible or does not exist`);
+}
+/**
+ * Asserts that an element with a specific role does not exist or is not visible.
+ * Supports fixtures for reusable roles.
+ * @example Then I do not see role element "button"
+ */
+async function expectRoleNotVisible(page, roleKey) {
+    const roles = (0, fixtures_1.loadFixture)("roles.json");
+    const role = (0, fixtures_1.getFixtureValue)(roles, roleKey);
+    const element = page.getByRole(role);
+    const count = await element.count();
+    if (count > 0) {
+        await (0, test_1.expect)(element).not.toBeVisible();
+    }
+    // If count is 0, the element doesn't exist, which satisfies "not see"
+    console.log(`✅ Role "${role}" is not visible or does not exist`);
+}
+/**
+ * Asserts that an option element does not exist or is not visible.
+ * Supports fixtures for reusable selectors.
+ * @example Then I do not see option element "option[value='disabled']"
+ */
+async function expectOptionNotVisible(page, selectorKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const element = page.locator(selector);
+    const count = await element.count();
+    if (count > 0) {
+        await (0, test_1.expect)(element).not.toBeVisible();
+    }
+    // If count is 0, the element doesn't exist, which satisfies "not see"
+    console.log(`✅ Option "${selector}" is not visible or does not exist`);
+}
+/**
+ * Asserts that an element with a specific attribute does not exist or is not visible.
+ * Supports fixtures for reusable selectors and attribute values.
+ * @example Then I do not see element with attribute "aria-hidden" having value "false"
+ */
+async function expectElementWithAttributeNotVisible(page, attrKey, valueKey) {
+    const attributes = (0, fixtures_1.loadFixture)("attributes.json");
+    const values = (0, fixtures_1.loadFixture)("values.json");
+    const attr = (0, fixtures_1.getFixtureValue)(attributes, attrKey);
+    const value = (0, fixtures_1.getFixtureValue)(values, valueKey);
+    const selector = `[${attr}="${value}"]`;
+    const element = page.locator(selector);
+    const count = await element.count();
+    if (count > 0) {
+        await (0, test_1.expect)(element).not.toBeVisible();
+    }
+    // If count is 0, the element doesn't exist, which satisfies "not see"
+    console.log(`✅ Element with attribute "${attr}" and value "${value}" is not visible or does not exist`);
+}
+/**
+ * Asserts that an element has an attribute containing the specified value.
+ * Supports fixtures for reusable selectors, attributes and values.
+ * @example Then I see element attribute "class" contains "active"
+ */
+async function expectElementAttributeContains(page, selectorKey, attrKey, valueKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const attributes = (0, fixtures_1.loadFixture)("attributes.json");
+    const values = (0, fixtures_1.loadFixture)("values.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const attr = (0, fixtures_1.getFixtureValue)(attributes, attrKey);
+    const value = (0, fixtures_1.getFixtureValue)(values, valueKey);
+    const element = page.locator(selector);
+    const actualValue = await element.getAttribute(attr);
+    if (!actualValue || !actualValue.includes(value)) {
+        throw new Error(`Element "${selector}" attribute "${attr}" value "${actualValue}" does not contain "${value}"`);
+    }
+    console.log(`✅ Element "${selector}" attribute "${attr}" contains "${value}"`);
+}
+/**
+ * Asserts that an element has an attribute equal to the specified value.
+ * Supports fixtures for reusable selectors, attributes and values.
+ * @example Then I see element attribute "class" equals "btn-primary"
+ */
+async function expectElementAttributeEquals(page, selectorKey, attrKey, valueKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const attributes = (0, fixtures_1.loadFixture)("attributes.json");
+    const values = (0, fixtures_1.loadFixture)("values.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const attr = (0, fixtures_1.getFixtureValue)(attributes, attrKey);
+    const value = (0, fixtures_1.getFixtureValue)(values, valueKey);
+    const element = page.locator(selector);
+    const actualValue = await element.getAttribute(attr);
+    if (actualValue !== value) {
+        throw new Error(`Element "${selector}" attribute "${attr}" value "${actualValue}" does not equal "${value}"`);
+    }
+    console.log(`✅ Element "${selector}" attribute "${attr}" equals "${value}"`);
+}
+/**
+ * Asserts that an element has a specific attribute.
+ * Supports fixtures for reusable selectors and attributes.
+ * @example Then I see element has attribute "aria-label"
+ */
+async function expectElementHasAttribute(page, selectorKey, attrKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const attributes = (0, fixtures_1.loadFixture)("attributes.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const attr = (0, fixtures_1.getFixtureValue)(attributes, attrKey);
+    const element = page.locator(selector);
+    const hasAttribute = await element.getAttribute(attr) !== null;
+    if (!hasAttribute) {
+        throw new Error(`Element "${selector}" does not have attribute "${attr}"`);
+    }
+    console.log(`✅ Element "${selector}" has attribute "${attr}"`);
+}
+/**
+ * Asserts that a button element exists and is visible.
+ * Supports fixtures for reusable selectors.
+ * @example Then I see button element "nav.loginBtn"
+ */
+async function expectButtonVisible(page, selectorKey) {
+    const selector = (0, resolver_1.resolveParam)(selectorKey, "selectors.json");
+    await (0, test_1.expect)(page.locator(selector)).toBeVisible();
+    console.log(`✅ Button "${selector}" is visible`);
+}
+/**
+ * Gets an element by selector and asserts it has a class containing the specified text.
+ * @example Then I get element by selector "button.primary" to have class containing "active"
+ */
+async function expectElementToHaveClassContaining(page, selectorKey, classKey) {
+    const selector = (0, resolver_1.resolveParam)(selectorKey, "selectors.json");
+    const className = (0, resolver_1.resolveParam)(classKey, "classes.json");
+    const element = page.locator(selector);
+    const currentClass = await element.getAttribute('class');
+    if (!currentClass || !currentClass.includes(className)) {
+        throw new Error(`Element "${selector}" does not have class containing "${className}", current classes: "${currentClass}"`);
+    }
+    console.log(`✅ Element "${selector}" has class containing "${className}"`);
+}
+// Additional functions for more specific text assertions
+/**
+ * Asserts that an element does NOT contain the specified text.
+ * Supports fixtures for reusable selectors and text values.
+ * @example Then I get element by selector "error.message" to not contain text "success"
+ */
+async function expectElementToNotContainText(page, selectorKey, textKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const texts = (0, fixtures_1.loadFixture)("texts.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const text = (0, fixtures_1.getFixtureValue)(texts, textKey);
+    await (0, test_1.expect)(page.locator(selector)).not.toContainText(text);
+    console.log(`✅ Element "${selector}" does not contain text "${text}"`);
+}
+/**
+ * Gets an element by selector and asserts it has the exact text specified.
+ * @example Then I get element by selector "header.title" to have text "Welcome Home"
+ */
+async function expectElementToHaveText(page, selectorKey, textKey) {
+    const selector = (0, resolver_1.resolveParam)(selectorKey, "selectors.json");
+    const text = (0, resolver_1.resolveParam)(textKey, "texts.json");
+    await (0, test_1.expect)(page.locator(selector)).toHaveText(text);
+    console.log(`✅ Element "${selector}" has exact text "${text}"`);
+}
+/**
+ * Gets an element by selector and asserts it contains the specified text.
+ * @example Then I get element by selector "error.message" to contain text "invalid credentials"
+ */
+async function expectElementToContainText(page, selectorKey, textKey) {
+    const selector = (0, resolver_1.resolveParam)(selectorKey, "selectors.json");
+    const text = (0, resolver_1.resolveParam)(textKey, "texts.json");
+    await (0, test_1.expect)(page.locator(selector)).toContainText(text);
+    console.log(`✅ Element "${selector}" contains text "${text}"`);
+}
+/**
+ * Gets an element by selector and asserts it has the specified value.
+ * @example Then I get element by selector "login.usernameField" to have value "john_doe"
+ */
+async function expectElementToHaveValue(page, selectorKey, valueKey) {
+    const selector = (0, resolver_1.resolveParam)(selectorKey, "selectors.json");
+    const value = (0, resolver_1.resolveParam)(valueKey, "values.json");
+    await (0, test_1.expect)(page.locator(selector)).toHaveValue(value);
+    console.log(`✅ Input "${selector}" has value "${value}"`);
+}
+/**
+ * Gets an element by selector and asserts it has the specified attribute with value.
+ * @example Then I get element by selector "terms.link" to have attribute "href" with value "/terms-and-conditions"
+ */
+async function expectElementAttributeValue(page, selectorKey, attrKey, valueKey) {
+    const selector = (0, resolver_1.resolveParam)(selectorKey, "selectors.json");
+    const attr = (0, resolver_1.resolveParam)(attrKey, "attributes.json");
+    const value = (0, resolver_1.resolveParam)(valueKey, "values.json");
+    await (0, test_1.expect)(page.locator(selector)).toHaveAttribute(attr, value);
+    console.log(`✅ Element "${selector}" attribute "${attr}" is "${value}"`);
+}
+/**
+ * Gets an element by selector and asserts it is visible.
+ * @example When I get element by selector "div.modal" to be visible
+ */
+async function getElementBySelectorToBeVisible(page, selectorKey) {
+    const selector = (0, resolver_1.resolveParam)(selectorKey, "selectors.json");
+    await (0, test_1.expect)(page.locator(selector)).toBeVisible();
+    console.log(`✅ Element "${selector}" is visible`);
+}
+/**
+ * Asserts that a heading element exists and is visible.
+ * Supports fixtures for reusable selectors.
+ * @example Then I see heading element "h1.main-title"
+ */
+async function expectHeadingVisible(page, selectorKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    await (0, test_1.expect)(page.locator(selector)).toBeVisible();
+    console.log(`✅ Heading "${selector}" is visible`);
+}
+/**
+ * Asserts that a label element exists and is visible.
+ * Supports fixtures for reusable selectors.
+ * @example Then I see label element "label.username-label"
+ */
+async function expectLabelVisible(page, selectorKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    await (0, test_1.expect)(page.locator(selector)).toBeVisible();
+    console.log(`✅ Label "${selector}" is visible`);
+}
+/**
+ * Asserts that a link element exists and is visible.
+ * Supports fixtures for reusable selectors.
+ * @example Then I see link element "a.privacy-link"
+ */
+async function expectLinkVisible(page, selectorKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    await (0, test_1.expect)(page.locator(selector)).toBeVisible();
+    console.log(`✅ Link "${selector}" is visible`);
+}
+/**
+ * Asserts that an element with a specific test ID exists and is visible.
+ * Supports fixtures for reusable test IDs.
+ * @example Then I see testid element "data-testid=my-component"
+ */
+async function expectTestIdVisible(page, selectorKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    await (0, test_1.expect)(page.locator(selector)).toBeVisible();
+    console.log(`✅ Test ID "${selector}" is visible`);
+}
+/**
+ * Asserts that an element with a specific role exists and is visible.
+ * Supports fixtures for reusable roles.
+ * @example Then I see role element "button"
+ */
+async function expectRoleVisible(page, roleKey) {
+    const roles = (0, fixtures_1.loadFixture)("roles.json");
+    const role = (0, fixtures_1.getFixtureValue)(roles, roleKey);
+    await (0, test_1.expect)(page.getByRole(role)).toBeVisible();
+    console.log(`✅ Role "${role}" is visible`);
+}
+/**
+ * Asserts that an option element exists and is visible.
+ * Supports fixtures for reusable selectors.
+ * @example Then I see option element "option[value='enabled']"
+ */
+async function expectOptionVisible(page, selectorKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    await (0, test_1.expect)(page.locator(selector)).toBeVisible();
+    console.log(`✅ Option "${selector}" is visible`);
+}
+/**
+ * Asserts that an element has a specific count of occurrences.
+ * Supports fixtures for reusable selectors.
+ * @example Then I expect "li.item" to have count 5
+ */
+async function expectElementToHaveCount(page, selectorKey, count) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const elements = page.locator(selector);
+    const actualCount = await elements.count();
+    if (actualCount !== count) {
+        throw new Error(`Expected ${count} elements matching "${selector}", but found ${actualCount}`);
+    }
+    console.log(`✅ Element "${selector}" has count ${count}`);
+}
+/**
+ * Asserts that an element is hidden (not visible).
+ * Supports fixtures for reusable selectors.
+ * @example Then I expect "modal.overlay" to be hidden
+ */
+async function expectElementToBeHidden(page, selectorKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    await (0, test_1.expect)(page.locator(selector)).not.toBeVisible();
+    console.log(`✅ Element "${selector}" is hidden`);
+}
+// ==================================================
+// GLUE STEPS
+// ==================================================
+(0, registry_1.Step)("I pw count elements {string}", countElements, "Then");
+(0, registry_1.Step)("I pw do not see button element {string}", expectButtonNotVisible, "Then");
+(0, registry_1.Step)("I pw do not see heading element {string}", expectHeadingNotVisible, "Then");
+(0, registry_1.Step)("I pw do not see label element {string}", expectLabelNotVisible, "Then");
+(0, registry_1.Step)("I pw do not see link element {string}", expectLinkNotVisible, "Then");
+(0, registry_1.Step)("I pw do not see testid element {string}", expectTestIdNotVisible, "Then");
+(0, registry_1.Step)("I pw do not see role element {string}", expectRoleNotVisible, "Then");
+(0, registry_1.Step)("I pw do not see option element {string}", expectOptionNotVisible, "Then");
+(0, registry_1.Step)("I pw do not see element with attribute {string} having value {string}", expectElementWithAttributeNotVisible, "Then");
+(0, registry_1.Step)("I pw see element attribute {string} contains {string}", expectElementAttributeContains, "Then");
+(0, registry_1.Step)("I pw see element attribute {string} equals {string}", expectElementAttributeEquals, "Then");
+(0, registry_1.Step)("I pw see element has attribute {string}", expectElementHasAttribute, "Then");
+(0, registry_1.Step)("I pw see button element {string}", expectButtonVisible, "Then");
+(0, registry_1.Step)("I pw see heading element {string}", expectHeadingVisible, "Then");
+(0, registry_1.Step)("I pw see label element {string}", expectLabelVisible, "Then");
+(0, registry_1.Step)("I pw see link element {string}", expectLinkVisible, "Then");
+(0, registry_1.Step)("I pw see testid element {string}", expectTestIdVisible, "Then");
+(0, registry_1.Step)("I pw see role element {string}", expectRoleVisible, "Then");
+(0, registry_1.Step)("I pw see option element {string}", expectOptionVisible, "Then");
+(0, registry_1.Step)("I pw expect {string} to have count {int}", expectElementToHaveCount, "Then");
+(0, registry_1.Step)("I pw expect {string} to be hidden", expectElementToBeHidden, "Then");
+// Combined element selection and assertion steps
+(0, registry_1.Step)("I pw get element by selector {string} to have class containing {string}", expectElementToHaveClassContaining, "When");
+(0, registry_1.Step)("I pw get element by selector {string} to have text {string}", expectElementToHaveText, "Then");
+(0, registry_1.Step)("I pw get element by selector {string} to contain text {string}", expectElementToContainText, "Then");
+(0, registry_1.Step)("I pw get element by selector {string} to have value {string}", expectElementToHaveValue, "Then");
+(0, registry_1.Step)("I pw get element by selector {string} to have attribute {string} with value {string}", expectElementAttributeValue, "Then");
+(0, registry_1.Step)("I pw get element by selector {string} to be visible", getElementBySelectorToBeVisible, "When");
+(0, registry_1.Step)("I pw get element by selector {string} to not contain text {string}", expectElementToNotContainText, "Then");

package/dist/backend/assertions/expectVisible.js

@@ -29,4 +29,4 @@ async function expectVisible(page, selectorKey, timeout = 2000) {
 // ==================================================
 // GLUE STEPS
 // ==================================================
-(0, registry_1.Step)("I expect the element {string} to be visible", expectVisible, "Then");
+(0, registry_1.Step)("I pw expect the element {string} to be visible", expectVisible, "Then");

package/dist/backend/assertions/forms.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Asserts that an input element has the expected value.
+ * Supports fixtures for reusable selectors and values.
+ * @example Then I see input value "login.username" equals "testuser"
+ */
+export declare function expectInputValue(page: any, selectorKey: string, valueKey: string): Promise<void>;
+/**
+ * Asserts that an input element has a value containing the expected substring.
+ * Supports fixtures for reusable selectors and values.
+ * @example Then I see input value "login.username" contains "test"
+ */
+export declare function expectInputValueContains(page: any, selectorKey: string, valueKey: string): Promise<void>;
+/**
+ * Asserts that a textarea element has the expected value.
+ * Supports fixtures for reusable selectors and values.
+ * @example Then I see textarea value "comments.textarea" equals "This is my comment"
+ */
+export declare function expectTextareaValue(page: any, selectorKey: string, valueKey: string): Promise<void>;
+/**
+ * Asserts that a textarea element has a value containing the expected substring.
+ * Supports fixtures for reusable selectors and values.
+ * @example Then I see textarea value "comments.textarea" contains "comment"
+ */
+export declare function expectTextareaValueContains(page: any, selectorKey: string, valueKey: string): Promise<void>;
+/**
+ * Asserts that an element has the expected text content.
+ * Supports fixtures for reusable selectors and text values.
+ * @example Then I see text "header.title" equals "Welcome to our site"
+ */
+export declare function expectText(page: any, selectorKey: string, textKey: string): Promise<void>;
+/**
+ * Asserts that an element has text content containing the expected substring.
+ * Supports fixtures for reusable selectors and text values.
+ * @example Then I see text "header.title" contains "Welcome"
+ */
+export declare function expectTextContains(page: any, selectorKey: string, textKey: string): Promise<void>;
+/**
+ * Asserts that an element has the expected value (for form elements).
+ * Supports fixtures for reusable selectors and values.
+ * @example Then I see value "input.amount" equals "100"
+ */
+export declare function expectValue(page: any, selectorKey: string, valueKey: string): Promise<void>;
+//# sourceMappingURL=forms.d.ts.map

package/dist/backend/assertions/forms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../../src/backend/assertions/forms.ts"],"names":[],"mappings":"AAYA;;;;GAIG;AACH,wBAAsB,gBAAgB,CACpC,IAAI,EAAE,GAAG,EACT,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,IAAI,CAAC,CASf;AAED;;;;GAIG;AACH,wBAAsB,wBAAwB,CAC5C,IAAI,EAAE,GAAG,EACT,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,IAAI,CAAC,CAYf;AAED;;;;GAIG;AACH,wBAAsB,mBAAmB,CACvC,IAAI,EAAE,GAAG,EACT,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,IAAI,CAAC,CASf;AAED;;;;GAIG;AACH,wBAAsB,2BAA2B,CAC/C,IAAI,EAAE,GAAG,EACT,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,IAAI,CAAC,CAYf;AAED;;;;GAIG;AACH,wBAAsB,UAAU,CAC9B,IAAI,EAAE,GAAG,EACT,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,IAAI,CAAC,CASf;AAED;;;;GAIG;AACH,wBAAsB,kBAAkB,CACtC,IAAI,EAAE,GAAG,EACT,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,MAAM,GACd,OAAO,CAAC,IAAI,CAAC,CAYf;AAED;;;;GAIG;AACH,wBAAsB,WAAW,CAC/B,IAAI,EAAE,GAAG,EACT,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,IAAI,CAAC,CASf"}

package/dist/backend/assertions/forms.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.expectInputValue = expectInputValue;
+exports.expectInputValueContains = expectInputValueContains;
+exports.expectTextareaValue = expectTextareaValue;
+exports.expectTextareaValueContains = expectTextareaValueContains;
+exports.expectText = expectText;
+exports.expectTextContains = expectTextContains;
+exports.expectValue = expectValue;
+//src/backend/assertions/forms.ts
+const test_1 = require("@playwright/test");
+const registry_1 = require("../../core/registry");
+const fixtures_1 = require("../utils/fixtures");
+// ==================================================
+// CORE FUNCTIONS
+// ==================================================
+/**
+ * Asserts that an input element has the expected value.
+ * Supports fixtures for reusable selectors and values.
+ * @example Then I see input value "login.username" equals "testuser"
+ */
+async function expectInputValue(page, selectorKey, valueKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const values = (0, fixtures_1.loadFixture)("values.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const expectedValue = (0, fixtures_1.getFixtureValue)(values, valueKey);
+    await (0, test_1.expect)(page.locator(selector)).toHaveValue(expectedValue);
+    console.log(`✅ Input "${selector}" has value "${expectedValue}"`);
+}
+/**
+ * Asserts that an input element has a value containing the expected substring.
+ * Supports fixtures for reusable selectors and values.
+ * @example Then I see input value "login.username" contains "test"
+ */
+async function expectInputValueContains(page, selectorKey, valueKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const values = (0, fixtures_1.loadFixture)("values.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const expectedValue = (0, fixtures_1.getFixtureValue)(values, valueKey);
+    const actualValue = await page.locator(selector).inputValue();
+    if (!actualValue.includes(expectedValue)) {
+        throw new Error(`Input "${selector}" value "${actualValue}" does not contain "${expectedValue}"`);
+    }
+    console.log(`✅ Input "${selector}" value contains "${expectedValue}"`);
+}
+/**
+ * Asserts that a textarea element has the expected value.
+ * Supports fixtures for reusable selectors and values.
+ * @example Then I see textarea value "comments.textarea" equals "This is my comment"
+ */
+async function expectTextareaValue(page, selectorKey, valueKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const values = (0, fixtures_1.loadFixture)("values.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const expectedValue = (0, fixtures_1.getFixtureValue)(values, valueKey);
+    await (0, test_1.expect)(page.locator(selector)).toHaveValue(expectedValue);
+    console.log(`✅ Textarea "${selector}" has value "${expectedValue}"`);
+}
+/**
+ * Asserts that a textarea element has a value containing the expected substring.
+ * Supports fixtures for reusable selectors and values.
+ * @example Then I see textarea value "comments.textarea" contains "comment"
+ */
+async function expectTextareaValueContains(page, selectorKey, valueKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const values = (0, fixtures_1.loadFixture)("values.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const expectedValue = (0, fixtures_1.getFixtureValue)(values, valueKey);
+    const actualValue = await page.locator(selector).inputValue();
+    if (!actualValue.includes(expectedValue)) {
+        throw new Error(`Textarea "${selector}" value "${actualValue}" does not contain "${expectedValue}"`);
+    }
+    console.log(`✅ Textarea "${selector}" value contains "${expectedValue}"`);
+}
+/**
+ * Asserts that an element has the expected text content.
+ * Supports fixtures for reusable selectors and text values.
+ * @example Then I see text "header.title" equals "Welcome to our site"
+ */
+async function expectText(page, selectorKey, textKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const texts = (0, fixtures_1.loadFixture)("texts.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const expectedText = (0, fixtures_1.getFixtureValue)(texts, textKey);
+    await (0, test_1.expect)(page.locator(selector)).toHaveText(expectedText);
+    console.log(`✅ Element "${selector}" has text "${expectedText}"`);
+}
+/**
+ * Asserts that an element has text content containing the expected substring.
+ * Supports fixtures for reusable selectors and text values.
+ * @example Then I see text "header.title" contains "Welcome"
+ */
+async function expectTextContains(page, selectorKey, textKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const texts = (0, fixtures_1.loadFixture)("texts.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const expectedText = (0, fixtures_1.getFixtureValue)(texts, textKey);
+    const actualText = await page.locator(selector).textContent();
+    if (!actualText || !actualText.includes(expectedText)) {
+        throw new Error(`Element "${selector}" text "${actualText}" does not contain "${expectedText}"`);
+    }
+    console.log(`✅ Element "${selector}" text contains "${expectedText}"`);
+}
+/**
+ * Asserts that an element has the expected value (for form elements).
+ * Supports fixtures for reusable selectors and values.
+ * @example Then I see value "input.amount" equals "100"
+ */
+async function expectValue(page, selectorKey, valueKey) {
+    const selectors = (0, fixtures_1.loadFixture)("selectors.json");
+    const values = (0, fixtures_1.loadFixture)("values.json");
+    const selector = (0, fixtures_1.getFixtureValue)(selectors, selectorKey);
+    const expectedValue = (0, fixtures_1.getFixtureValue)(values, valueKey);
+    await (0, test_1.expect)(page.locator(selector)).toHaveValue(expectedValue);
+    console.log(`✅ Element "${selector}" has value "${expectedValue}"`);
+}
+// ==================================================
+// GLUE STEPS
+// ==================================================
+(0, registry_1.Step)("I pw see input value {string} equals {string}", expectInputValue, "Then");
+(0, registry_1.Step)("I pw see input value {string} contains {string}", expectInputValueContains, "Then");
+(0, registry_1.Step)("I pw see textarea value {string} equals {string}", expectTextareaValue, "Then");
+(0, registry_1.Step)("I pw see textarea value {string} contains {string}", expectTextareaValueContains, "Then");
+(0, registry_1.Step)("I pw see text {string} equals {string}", expectText, "Then");
+(0, registry_1.Step)("I pw see text {string} contains {string}", expectTextContains, "Then");
+(0, registry_1.Step)("I pw see value {string} equals {string}", expectValue, "Then");

package/dist/backend/assertions/index.d.ts

@@ -1,7 +1,17 @@
 export * from "./visibility";
+export * from "./expectVisible";
 export * from "./text";
 export * from "./pageState";
+export * from "./document";
+export * from "./storage";
+export * from "./elements";
+export * from "./forms";
 import "./visibility";
+import "./expectVisible";
 import "./text";
 import "./pageState";
+import "./document";
+import "./storage";
+import "./elements";
+import "./forms";
 //# sourceMappingURL=index.d.ts.map

package/dist/backend/assertions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backend/assertions/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAI5B,OAAO,cAAc,CAAC;AACtB,OAAO,QAAQ,CAAC;AAChB,OAAO,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/backend/assertions/index.ts"],"names":[],"mappings":"AACA,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AAIxB,OAAO,cAAc,CAAC;AACtB,OAAO,iBAAiB,CAAC;AACzB,OAAO,QAAQ,CAAC;AAChB,OAAO,aAAa,CAAC;AACrB,OAAO,YAAY,CAAC;AACpB,OAAO,WAAW,CAAC;AACnB,OAAO,YAAY,CAAC;AACpB,OAAO,SAAS,CAAC"}