test(extension): [LW-8659] add test for LW-8463 (#691)

* test(extension): add test for LW-8463

* test(extension): remove deprecated tests

* test(extension): fix wdio local run issue

Author: wklos-iohk

packages/e2e-tests/src/assert/multidelegation/MultidelegationPageAssert.ts

@@ -211,6 +211,29 @@ class MultidelegationPageAssert {
     }
   };
 
+  assertSeeStakePoolRow = async (index?: number) => {
+    const stakePoolListItem = new StakePoolListItem(index);
+    await stakePoolListItem.container.scrollIntoView();
+    await stakePoolListItem.logo.waitForDisplayed();
+    await stakePoolListItem.name.waitForDisplayed();
+    await stakePoolListItem.ticker.waitForDisplayed();
+    await stakePoolListItem.ros.waitForDisplayed();
+    await stakePoolListItem.saturation.waitForDisplayed();
+    expect(await stakePoolListItem.name.getText()).to.not.be.empty;
+    expect(await stakePoolListItem.ticker.getText()).to.not.be.empty;
+    expect(await stakePoolListItem.ros.getText()).to.equal('-');
+    // expect(await stakePoolListItem.ros.getText()).to.match(TestnetPatterns.PERCENT_DOUBLE_REGEX); // TODO: update when issue with ROS not returned is resolved
+    expect(await stakePoolListItem.saturation.getText()).to.match(TestnetPatterns.PERCENT_DOUBLE_REGEX);
+  };
+
+  assertSeeStakePoolRows = async () => {
+    const rowsNumber = (await MultidelegationPage.poolsItems).length;
+
+    for (let i = 0; i < rowsNumber; i++) {
+      await this.assertSeeStakePoolRow(i);
+    }
+  };
+
   assertSeeCurrentlyStakingTooltip = async () => {
     await Tooltip.component.waitForDisplayed();
     expect(await Tooltip.label.getText()).contains(await t('overview.stakingInfoCard.tooltipFiatLabel', 'staking'));

packages/e2e-tests/src/assert/stakingPageAssert.ts

@@ -15,17 +15,6 @@ import StakingErrorDrawer from '../elements/staking/StakingErrorDrawer';
 import { browser } from '@wdio/globals';
 
 class StakingPageAssert {
-  assertSeeTitleWithCounter = async () => {
-    await StakingPage.title.waitForDisplayed();
-    await StakingPage.counter.waitForDisplayed();
-    await expect(await StakingPage.title.getText()).to.equal(await t('staking.sectionTitle'));
-    await expect(await StakingPage.counter.getText()).to.match(TestnetPatterns.COUNTER_REGEX);
-  };
-
-  assertSeeTitle = async () => {
-    await expect(await StakingPage.title.getText()).to.equal(await t('staking.sectionTitle'));
-  };
-
   assertStakePoolSwitched = async (stakePoolName: string) => {
     const stakingInfoComponent = new StakingInfoComponent();
     await browser.waitUntil(
@@ -139,26 +128,6 @@ class StakingPageAssert {
     });
   };
 
-  assertSeeStakePoolRow = async (index?: number) => {
-    const stakePoolListItem = new StakePoolListItem(index);
-    await webTester.seeWebElement(stakePoolListItem.logo());
-    await expect((await stakePoolListItem.getName()) as string).to.not.be.empty;
-    await expect((await stakePoolListItem.getTicker()) as string).to.not.be.empty;
-    await expect((await stakePoolListItem.getRos()) as string).to.match(TestnetPatterns.PERCENT_DOUBLE_REGEX);
-    await expect((await stakePoolListItem.getCost()) as string).to.match(TestnetPatterns.STAKE_POOL_LIST_COST_REGEX);
-    await expect((await stakePoolListItem.getSaturation()) as string).to.match(TestnetPatterns.PERCENT_DOUBLE_REGEX);
-  };
-
-  assertSeeStakePoolRows = async () => {
-    const stakePoolListItem = new StakePoolListItem();
-    await webTester.waitUntilSeeElement(stakePoolListItem.container(), 6000);
-    const rowsNumber = (await stakePoolListItem.getRows()).length;
-
-    for (let i = 1; i <= rowsNumber; i++) {
-      await this.assertSeeStakePoolRow(i);
-    }
-  };
-
   assertStakePoolItemsOrder = async (columnName: string, order: string) => {
     const stakePoolListItem = new StakePoolListItem();
     await webTester.waitUntilSeeElement(stakePoolListItem.container(), 60_000);
@@ -224,13 +193,6 @@ class StakingPageAssert {
 
     expect(tickerList.every((ticker) => ticker === expectedTicker)).to.be.true;
   }
-
-  async waitRowsToLoad() {
-    await browser.waitUntil(async () => (await StakingPage.rows).length > 1, {
-      timeout: 10_000,
-      timeoutMsg: 'failed while waiting for all pools to load'
-    });
-  }
 }
 
 export default new StakingPageAssert();

packages/e2e-tests/src/elements/multidelegation/MultidelegationPage.ts

@@ -320,6 +320,13 @@ class MultidelegationPage {
         throw new Error(`Unsupported column name: ${columnName}`);
     }
   }
+
+  async waitForStakePoolListToLoad() {
+    await browser.waitUntil(async () => (await this.poolsItems).length > 1, {
+      timeout: 30_000,
+      timeoutMsg: 'failed while waiting for stake pool list to load'
+    });
+  }
 }
 
 export default new MultidelegationPage();

packages/e2e-tests/src/elements/multidelegation/StakePoolListItem.ts

@@ -15,6 +15,10 @@ export class StakePoolListItem {
     this.listItem = $$(this.LIST_ITEM)[index];
   }
 
+  get container(): ChainablePromiseElement<WebdriverIO.Element | undefined> {
+    return this.listItem;
+  }
+
   get logo(): ChainablePromiseElement<WebdriverIO.Element> {
     return this.listItem.$(this.LOGO);
   }

packages/e2e-tests/src/features/MultiDelegationPageExtended.feature

@@ -134,3 +134,11 @@ Feature: Staking Page - Extended View
     And I click on the stake pool with name "ADA Capital"
     When I close the drawer by clicking close button
     Then Stake pool details drawer is not opened
+
+  @LW-8463 @Testnet @Mainnet
+  Scenario: Extended View - Stake pool list item
+    Given I disable showing Multidelegation beta banner
+    And I am on Staking extended page
+    And I click Browse pools tab
+    And I wait for stake pool list to be populated
+    Then Each stake pool list item contains: logo, name, ticker, ROS and saturation

packages/e2e-tests/src/features/MultiDelegationPagePopup.feature

@@ -11,7 +11,7 @@ Feature: Staking Page - Popup View
     When I navigate to Staking popup page
     Then I see Start Staking page in popup mode
 
-  @LLW-8934 @Testnet
+  @LW-8934 @LW-8472 @Testnet
   Scenario: Popup View - Start Staking - "Expanded view" button click
     Given I am on Start Staking page in popup mode
     When I click "Expand view" on Start Staking page

packages/e2e-tests/src/features/NetworkSwitchingExtended.feature

@@ -14,7 +14,7 @@ Feature: LW: Network Switching - extended view
     And I wait for the transaction history to be loaded and all transactions to be confirmed
     Then I see <ticker> in the list of transactions
     When I navigate to Staking extended page
-    And I wait for stake pool table item to be loaded
+    And I wait for stake pool list to be populated
     Then I see <ticker> in the cost column
     And I see <ticker> in current staked pool
     When I click "Send" button on page header

packages/e2e-tests/src/features/StakingPageExtended.feature

@@ -4,19 +4,6 @@ Feature: Staking Page - Extended Browser View
   Background:
     Given Wallet is synced
 
-  @LW-2424 @Testnet @Mainnet
-  Scenario: Extended View - Staking page is present with title and counter
-    When I navigate to Staking extended page
-    Then I see Staking title and counter with total number of pools displayed
-
-  @LW-2663 @Testnet @Mainnet
-  Scenario: Extended View - Selecting stake pool from list opens drawer with appropriate details
-    When I navigate to Staking extended page
-    And I see the stake pool search control with appropriate content
-    And I input "Capital" to the search bar
-    And I click stake pool with name "ADA Capital"
-    Then I see drawer with "ADA Capital" stake pool details and a button available for staking
-
   @LW-4024 @Pending @Testnet @Mainnet
     #BUG input-output.atlassian.net/browse/ADP-2344
   Scenario: Extended View - Stake pool list default sorting by ROS
@@ -52,57 +39,3 @@ Feature: Staking Page - Extended Browser View
       | ros        |
       | cost       |
       | saturation |
-
-  @LW-2490 @Testnet @Mainnet
-  Scenario: Extended View - Stake pool list item
-    When I navigate to Staking extended page
-    Then Each stake pool list item contains:
-      | stake pool logo          |
-      | stake pool name + ticker |
-      | ROS value                |
-      | Cost (% + ADA)           |
-      | Saturation               |
-
-  @LW-4559 @Testnet @Mainnet
-  Scenario: Extended View - Staking - Close modal - Open stake pool
-    Given I am on Staking extended page
-    When I input "Capital" to the search bar
-    And I click stake pool with name "ADA Capital"
-    Then I see drawer with "ADA Capital" stake pool details and a button available for staking
-    When I close the drawer by clicking close button
-    Then Staking exit modal is not displayed
-    And Drawer is not displayed
-
-  @Pending @LW-4560 @Testnet @Mainnet
-    #BUG https://input-output.atlassian.net/browse/LW-7563
-  Scenario Outline: Extended View - Staking - Close modal - Staking confirmation step - <action>
-    Given I am on Staking extended page
-    When I input "Capital" to the search bar
-    And I click stake pool with name "ADA Capital"
-    And I click "Stake on this pool" button on stake pool details drawer
-    And "Next" button is enabled on "Staking confirmation" page
-    And <step>
-    Then Staking exit modal is displayed
-    When I click "Exit" button for staking "You'll have to start again" modal
-    Then Staking exit modal is not displayed
-    And Drawer is not displayed
-    Examples:
-      | action             | step                                        |
-      | click close button | I close the drawer by clicking close button |
-      | click outside      | I click outside the drawer                  |
-
-  @Pending @LW-4561 @Testnet
-    #BUG https://input-output.atlassian.net/browse/LW-7563
-  Scenario: Extended View - Staking - Close modal - Password input
-    Given I am on Staking extended page
-    When I input "Capital" to the search bar
-    And I click stake pool with name "ADA Capital"
-    And I click "Stake on this pool" button on stake pool details drawer
-    And "Next" button is enabled on "Staking confirmation" page
-    And I click "Next" button on staking confirmation drawer
-    Then Staking password screen is displayed
-    When I close the drawer by clicking close button
-    Then Staking exit modal is displayed
-    When I click "Cancel" button for staking "You'll have to start again" modal
-    Then Staking exit modal is not displayed
-    And Drawer is displayed

packages/e2e-tests/src/features/StakingPagePopup.feature

@@ -307,3 +307,11 @@ Then(/^I click "Get Started" step (1|2) link$/, async (linkNumber: '1' | '2') =>
 Given(/^I click "Expand view" on Start Staking page$/, async () => {
   await StartStakingPage.clickExpandedViewBannerButton();
 });
+
+When(/^I wait for stake pool list to be populated$/, async () => {
+  await MultidelegationPage.waitForStakePoolListToLoad();
+});
+
+Then(/^Each stake pool list item contains: logo, name, ticker, ROS and saturation$/, async () => {
+  await MultidelegationPageAssert.assertSeeStakePoolRows();
+});