@bigbinary/neeto-playwright-commons 1.9.27 → 1.9.29

package/README.md

@@ -11,6 +11,121 @@ Install from npm:
 yarn add "@bigbinary/neeto-playwright-commons@latest"
 ```
 
+## Dependencies
+
+**neetoPlaywrightCommons** has some peer dependencies which can be installed
+using the commands listed below:
+
+### `neeto-cist`
+
+A collection of common utility functions used across all our
+[neeto](https://www.neeto.com/) products. Try out the utility functions live at
+[neetoCommons REPL](https://neeto-cist.neeto.com/).
+
+```
+yarn add @bigbinary/neeto-cist
+```
+
+### `faker`
+
+Faker is used to generate fake data.
+
+```
+yarn add @faker-js/faker
+```
+
+### `playwright/test`
+
+```
+yarn add @playwright/test
+```
+
+### `lint-staged`
+
+Run linters against staged git files.
+
+```
+yarn add lint-staged
+```
+
+### `dotenv-webpack`
+
+`dotenv-webpack` is a secure webpack plugin that supports
+[dotenv](https://www.npmjs.com/package/dotenv) and other environment variables.
+
+```
+yarn add dotenv-webpack
+```
+
+### `mailosaur`
+
+Using `Mailosaur` you can automate email and SMS tests.
+
+```
+yarn add mailosaur
+```
+
+### `dayjs`
+
+Dayjs is a JavaScript library that parses, validates, manipulates, and displays
+dates and times.
+
+```
+yarn add dayjs
+```
+
+### `ramda`
+
+Ramda is a JavaScript library that facilitates functional programming in
+JavaScript. It provides a collection of utility functions that operate on data.
+
+```
+yarn add ramda
+```
+
+### `playwright-i18next-fixture`
+
+Use your `i18next` translations in Playwright to create multi-language
+selectors.
+
+```
+yarn add playwright-i18next-fixture
+```
+
+We can install all the above peer dependencies by running a single command.
+
+```
+yarn add @bigbinary/neeto-cist @faker-js/faker @playwright/test lint-staged dotenv-webpack mailosaur dayjs ramda playwright-i18next-fixture
+```
+
+## External dependencies
+
+### Methods
+
+## mailosaurUtils
+
+Note: ENV variables `MAILOUSAUR_KEY` and `MAILOSAUR_SERVER_ID` are required for
+this methods to work.
+
+We can find `MAILOUSAUR_KEY` by visiting https://mailosaur.com/app/account/keys
+and `MAILOSAUR_SERVER_ID` by visiting https://mailosaur.com/app/servers
+
+## Slack integration methods
+
+Note: Either ENV variables `SLACK_WORKSPACE`, `SLACK_LOGIN_PASSWORD` and
+`SLACK_LOGIN_EMAIL` is required for this method to work or custom credentials
+`workspace`, `loginPassword` and `loginEmail` must be passed.
+
+## Zapier integration methods
+
+Note: ENV variables `INTEGRATION_MAILOSAUR_API_KEY`,
+`INTEGRATION_MAILOSAUR_SERVER_ID`, `ZAPIER_LOGIN_PASSWORD`,
+`ZAPIER_LOGIN_EMAIL`, and `ZAP_ID` are required for this methods to work.
+
+We can find `INTEGRATION_MAILOSAUR_SERVER_ID` by visiting
+https://mailosaur.com/app/servers and `INTEGRATION_MAILOSAUR_API_KEY` by
+visiting https://mailosaur.com/app/servers/ymn2s6kt/keys
+
 ## Usage
 
 You can import the utility functions and constants from the

package/index.cjs.js

@@ -284,6 +284,10 @@ const getByDataQA = ramda.curry((page, dataQa) => {
         .locator(`[data-qa='${dataQa[0]}']`)
         .locator(`[data-qa='${dataQa[1]}']`);
 });
+const getListCount = async ({ page, countSelector, }) => {
+    const countText = await page.getByTestId(countSelector).textContent();
+    return Number(countText === null || countText === void 0 ? void 0 : countText.trim().split(" ")[0]);
+};
 
 const COMMON_SELECTORS = {
     emailInputError: "email-input-error",
@@ -360,6 +364,7 @@ const COMMON_SELECTORS = {
     takeActionDropdown: "take-action-dropdown-icon",
     columnsSearchInput: "neeto-ui-columns-search",
     errorToastIcon: "error-toast-icon",
+    nuiRadioLabel: "nui-radio-label",
 };
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -13882,10 +13887,10 @@ class IntegrationBase {
             })).toBeVisible();
             await this.page.getByTestId(INTEGRATION_SELECTORS.connectButton).click();
         };
-        this.verifyIntegrationStatus = async (status = "connected") => {
+        this.verifyIntegrationStatus = async (status = "connected", visibilityTimeout = 15000) => {
             await this.gotoIntegrationIndex();
             if (status === "connected") {
-                await test$1.expect(this.integrationCard.getByTestId(INTEGRATION_SELECTORS.integrationStatusTag)).toBeVisible({ timeout: 10000 });
+                await test$1.expect(this.integrationCard.getByTestId(INTEGRATION_SELECTORS.integrationStatusTag)).toBeVisible({ timeout: visibilityTimeout });
             }
             await this.clickOnIntegrationCard();
             const header = status === "connected" ? this.connectedHeader : this.connectHeader;
@@ -13972,7 +13977,11 @@ class SlackPage extends IntegrationBase {
             const slackWebappPageDataQa = getByDataQA(slackWebappPage);
             await slackWebappPage.addLocatorHandler(slackWebappPageDataQa(SLACK_DATA_QA_SELECTORS.coachMarkCloseButton), () => slackWebappPageDataQa(SLACK_DATA_QA_SELECTORS.coachMarkCloseButton).click());
             await slackWebappPage.addLocatorHandler(slackWebappPageDataQa(SLACK_DATA_QA_SELECTORS.messagePaneBannerCloseIcon), () => slackWebappPageDataQa(SLACK_DATA_QA_SELECTORS.messagePaneBannerCloseIcon).click());
-            await slackWebappPage.addLocatorHandler(slackWebappPageDataQa(SLACK_DATA_QA_SELECTORS.permissionBannerCloseIcon), () => slackWebappPageDataQa(SLACK_DATA_QA_SELECTORS.permissionBannerCloseIcon).click());
+            const permissionBannerCloseIcon = slackWebappPageDataQa(SLACK_DATA_QA_SELECTORS.permissionBannerCloseIcon);
+            await slackWebappPage.addLocatorHandler(permissionBannerCloseIcon, async () => {
+                await permissionBannerCloseIcon.click();
+                await permissionBannerCloseIcon.click();
+            });
         };
         this.connectAndVerifyIntegration = async (redirectUrl, customSteps, channelToConfigure = SLACK_DEFAULT_CHANNEL) => {
             await this.connect();
@@ -14952,8 +14961,9 @@ class TeamMembers {
                 await this.page.getByTestId(MEMBER_SELECTORS.continueButton).click();
             }
             await this.page.getByTestId(MEMBER_SELECTORS.submitButton).click();
+            await test$1.expect(this.page.getByTestId(COMMON_SELECTORS.paneBody)).toBeHidden();
             await this.neetoPlaywrightUtilities.waitForPageLoad();
-            await this.neetoPlaywrightUtilities.verifySuccessToast();
+            await this.neetoPlaywrightUtilities.verifyToast();
         };
         this.searchAndVerifyMemberByEmail = async ({ email, interceptOptions = {}, }) => {
             const searchMembers = this.neetoPlaywrightUtilities.interceptMultipleResponses({
@@ -149320,6 +149330,7 @@ exports.generateStagingData = generateStagingData;
 exports.getByDataQA = getByDataQA;
 exports.getGlobalUserState = getGlobalUserState;
 exports.getImagePathAndName = getImagePathAndName;
+exports.getListCount = getListCount;
 exports.headerUtils = headerUtils;
 exports.hexToRGB = hexToRGB;
 exports.hyphenize = hyphenize;