@smartbit4all/playwright-qa 0.1.3 → 0.1.5

package/README.md

@@ -185,6 +185,27 @@ await screenshot(page, 'context-menu-open');
 await page.keyboard.press('Escape');
 ```
 
+### Dialog
+
+```typescript
+import { topDialog, clickInDialog } from '@smartbit4all/playwright-qa/steps';
+
+// Get the topmost open dialog (Angular Material or PrimeNG)
+const dialog = topDialog(page);
+
+// Click a button inside the topmost dialog — useful when multiple dialogs are stacked
+await clickInDialog(page, 'Mentés');
+
+// Example: dialog-in-dialog workflow
+await clickInDialog(page, 'Akció beállítás');   // opens second dialog on top
+await screenshot(page, 'second-dialog');
+await clickInDialog(page, 'Mentés');             // clicks Mentés in the TOP dialog
+// first dialog is still open
+await clickInDialog(page, 'Bezárás');            // closes first dialog
+```
+
+When multiple dialogs are open, `topDialog` always targets the last (topmost) one. This prevents accidentally clicking buttons in a background dialog.
+
 ### Utilities
 
 ```typescript

package/dist/steps/dialog.steps.d.ts

@@ -0,0 +1,10 @@
+import type { Page, Locator } from '@playwright/test';
+/**
+ * Returns the topmost (last) open dialog (Angular Material or PrimeNG).
+ */
+export declare function topDialog(page: Page): Locator;
+/**
+ * Clicks a button inside the topmost dialog by its visible text.
+ */
+export declare function clickInDialog(page: Page, buttonText: string): Promise<void>;
+//# sourceMappingURL=dialog.steps.d.ts.map

package/dist/steps/dialog.steps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.steps.d.ts","sourceRoot":"","sources":["../../src/steps/dialog.steps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAKtD;;GAEG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAE7C;AAED;;GAEG;AACH,wBAAsB,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAIjF"}

package/dist/steps/dialog.steps.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.topDialog = topDialog;
+exports.clickInDialog = clickInDialog;
+const wait_1 = require("./wait");
+const DIALOG_SELECTOR = 'mat-dialog-container, .p-dialog';
+/**
+ * Returns the topmost (last) open dialog (Angular Material or PrimeNG).
+ */
+function topDialog(page) {
+    return page.locator(DIALOG_SELECTOR).last();
+}
+/**
+ * Clicks a button inside the topmost dialog by its visible text.
+ */
+async function clickInDialog(page, buttonText) {
+    const dialog = topDialog(page);
+    await dialog.locator('button', { hasText: buttonText }).click();
+    await (0, wait_1.waitForAngularIdle)(page);
+}
+//# sourceMappingURL=dialog.steps.js.map

package/dist/steps/dialog.steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.steps.js","sourceRoot":"","sources":["../../src/steps/dialog.steps.ts"],"names":[],"mappings":";;AAQA,8BAEC;AAKD,sCAIC;AAlBD,iCAA4C;AAE5C,MAAM,eAAe,GAAG,iCAAiC,CAAC;AAE1D;;GAEG;AACH,SAAgB,SAAS,CAAC,IAAU;IAClC,OAAO,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,IAAI,EAAE,CAAC;AAC9C,CAAC;AAED;;GAEG;AACI,KAAK,UAAU,aAAa,CAAC,IAAU,EAAE,UAAkB;IAChE,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,MAAM,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;IAChE,MAAM,IAAA,yBAAkB,EAAC,IAAI,CAAC,CAAC;AACjC,CAAC"}

package/dist/steps/index.d.ts

@@ -1,4 +1,5 @@
 export { waitForAngularIdle } from './wait';
 export { selectGridRow, filterAndSelectGridRow, applyGridFilters, clearGridFilters, type RowFilter, } from './grid.steps';
 export { navigateToMain, navigateInTree, } from './navigation.steps';
+export { topDialog, clickInDialog, } from './dialog.steps';
 //# sourceMappingURL=index.d.ts.map

package/dist/steps/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/steps/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,SAAS,GACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,cAAc,EACd,cAAc,GACf,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/steps/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,EACL,aAAa,EACb,sBAAsB,EACtB,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,SAAS,GACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,cAAc,EACd,cAAc,GACf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EACL,SAAS,EACT,aAAa,GACd,MAAM,gBAAgB,CAAC"}

package/dist/steps/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.navigateInTree = exports.navigateToMain = exports.clearGridFilters = exports.applyGridFilters = exports.filterAndSelectGridRow = exports.selectGridRow = exports.waitForAngularIdle = void 0;
+exports.clickInDialog = exports.topDialog = exports.navigateInTree = exports.navigateToMain = exports.clearGridFilters = exports.applyGridFilters = exports.filterAndSelectGridRow = exports.selectGridRow = exports.waitForAngularIdle = void 0;
 var wait_1 = require("./wait");
 Object.defineProperty(exports, "waitForAngularIdle", { enumerable: true, get: function () { return wait_1.waitForAngularIdle; } });
 var grid_steps_1 = require("./grid.steps");
@@ -11,4 +11,7 @@ Object.defineProperty(exports, "clearGridFilters", { enumerable: true, get: func
 var navigation_steps_1 = require("./navigation.steps");
 Object.defineProperty(exports, "navigateToMain", { enumerable: true, get: function () { return navigation_steps_1.navigateToMain; } });
 Object.defineProperty(exports, "navigateInTree", { enumerable: true, get: function () { return navigation_steps_1.navigateInTree; } });
+var dialog_steps_1 = require("./dialog.steps");
+Object.defineProperty(exports, "topDialog", { enumerable: true, get: function () { return dialog_steps_1.topDialog; } });
+Object.defineProperty(exports, "clickInDialog", { enumerable: true, get: function () { return dialog_steps_1.clickInDialog; } });
 //# sourceMappingURL=index.js.map

package/dist/steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/steps/index.ts"],"names":[],"mappings":";;;AAAA,+BAA4C;AAAnC,0GAAA,kBAAkB,OAAA;AAE3B,2CAMsB;AALpB,2GAAA,aAAa,OAAA;AACb,oHAAA,sBAAsB,OAAA;AACtB,8GAAA,gBAAgB,OAAA;AAChB,8GAAA,gBAAgB,OAAA;AAIlB,uDAG4B;AAF1B,kHAAA,cAAc,OAAA;AACd,kHAAA,cAAc,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/steps/index.ts"],"names":[],"mappings":";;;AAAA,+BAA4C;AAAnC,0GAAA,kBAAkB,OAAA;AAE3B,2CAMsB;AALpB,2GAAA,aAAa,OAAA;AACb,oHAAA,sBAAsB,OAAA;AACtB,8GAAA,gBAAgB,OAAA;AAChB,8GAAA,gBAAgB,OAAA;AAIlB,uDAG4B;AAF1B,kHAAA,cAAc,OAAA;AACd,kHAAA,cAAc,OAAA;AAGhB,+CAGwB;AAFtB,yGAAA,SAAS,OAAA;AACT,6GAAA,aAAa,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smartbit4all/playwright-qa",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "Playwright-based testing and documentation framework for smartbit4all projects",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",