vega-frontend-monorepo/apps/token-e2e/src/integration/flow/staking-flow.cy.js

/// <reference types="cypress" />
const stakeValidatorList = '[data-testid="node-list-item-name"]';
const stakeValidatorWithinList = '[data-testid="node-list-item"]';
const stakeRemoveStakeRadioButton = '[data-testid="remove-stake-radio"]';
const stakeTokenAmountInputBox = '[data-testid="token-amount-input"]';
const stakeTokenSubmitButton = '[data-testid="token-input-submit-button"]';
const stakeNextEpochValue = '[data-testid="stake-next-epoch"]';
const stakeThisEpochValue = '[data-testid="stake-this-epoch"]';
const stakeAddStakeRadioButton = '[data-testid="add-stake-radio"]';
const stakeMaximumTokens = '[data-testid="token-amount-use-maximum"]';
const vegaWalletPublicKeyShort = Cypress.env('vegaWalletPublicKeyShort');
const vegaWalletAssociatedBalance = '[data-testid="currency-value"]';
const vegaWalletUnstakedBalance =
  '[data-testid="vega-wallet-balance-unstaked"]';
const vegaWalletStakedBalances =
  '[data-testid="vega-wallet-balance-staked-validators"]';
const vegaWalletThisEpochBalances =
  '[data-testid="vega-wallet-balance-this-epoch"]';
const vegaWalletNextEpochBalances =
  '[data-testid="vega-wallet-balance-next-epoch"]';
const ethWalletAssociatedBalances =
  '[data-testid="eth-wallet-associated-balances"]';
const ethWalletTotalAssociatedBalance = '[data-testid="currency-locked"]';
const ethWalletContainer = '[data-testid="ethereum-wallet"]';
const txTimeout = { timeout: 40000 };
const epochTimeout = { timeout: 10000 };

context('Staking Tab - with eth and vega wallets connected', function () {
  before('visit staking tab and connect vega wallet', function () {
    cy.vega_wallet_import();
    cy.visit('/');
    cy.verify_page_header('The $VEGA token');
    cy.vega_wallet_connect();
    cy.vega_wallet_set_specified_approval_amount('1000');
    cy.reload();
    cy.verify_page_header('The $VEGA token');
    cy.ethereum_wallet_connect();
    cy.navigate_to('staking');
    cy.wait_for_spinner();
    cy.get(stakeValidatorList).first().invoke('text').as('validatorName');
    cy.get(stakeValidatorList).last().invoke('text').as('otherValidatorName');
  });

  describe('Eth wallet - contains VEGA tokens', function () {
    beforeEach(
      'teardown wallet & drill into a specific validator',
      function () {
        cy.vega_wallet_teardown();
        cy.navigate_to('staking');
      }
    );

    it('Able to stake against a validator', function () {
      cy.staking_page_associate_tokens('3');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        3.0,
        txTimeout
      );

      cy.get(ethWalletTotalAssociatedBalance, txTimeout)
        .contains('3.0', txTimeout)
        .should('be.visible');

      cy.get(ethWalletAssociatedBalances, txTimeout)
        .contains(vegaWalletPublicKeyShort)
        .parent()
        .should('contain', 3.0, txTimeout);

      cy.get('button').contains('Select a validator to nominate').click();

      cy.get(stakeValidatorList).contains(this.validatorName).click();

      cy.staking_validator_page_add_stake('2');

      cy.get(vegaWalletNextEpochBalances, txTimeout)
        .should('contain', 2.0, txTimeout)
        .and('contain', this.validatorName)
        .and('contain', 'Next epoch');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        1.0,
        txTimeout
      );

      cy.get(vegaWalletStakedBalances, txTimeout)
        .should('contain', 2.0, txTimeout)
        .and('contain', this.validatorName);

      cy.get(stakeNextEpochValue, epochTimeout)
        .contains(2.0, epochTimeout)
        .should('be.visible');

      cy.get(stakeThisEpochValue, epochTimeout)
        .contains(2.0, epochTimeout)
        .should('be.visible');

      cy.navigate_to('staking');

      cy.get(stakeValidatorWithinList, epochTimeout)
        .contains(this.validatorName)
        .parent()
        .contains('Total stake')
        .parent()
        .should('contain', '2.0')
        .and('contain', '100%');
    });

    it('Able to stake against mulitple validators', function () {
      cy.staking_page_associate_tokens('5');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        5.0,
        txTimeout
      );

      cy.get('button').contains('Select a validator to nominate').click();
      cy.get(stakeValidatorList).contains(this.validatorName).click();

      cy.staking_validator_page_add_stake('2');

      cy.get(vegaWalletStakedBalances, txTimeout)
        .contains(this.validatorName, txTimeout)
        .parent()
        .should('contain', 2.0, txTimeout);

      cy.navigate_to('staking');
      cy.get(stakeValidatorList).contains(this.otherValidatorName).click();

      cy.staking_validator_page_add_stake('1');

      cy.get(vegaWalletStakedBalances, txTimeout)
        .should('have.length', 2, txTimeout)
        .contains(this.otherValidatorName, txTimeout)
        .parent()
        .should('contain', 1.0, txTimeout);

      cy.get(vegaWalletStakedBalances, txTimeout)
        .contains(this.validatorName, txTimeout)
        .parent()
        .should('contain', 2.0, txTimeout);

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        2.0,
        txTimeout
      );

      cy.navigate_to('staking');

      cy.get(stakeValidatorWithinList, epochTimeout)
        .contains(this.validatorName)
        .parent()
        .contains('Total stake')
        .parent()
        .should('contain', '2.0')
        .and('contain', '66.67%');

      cy.get(stakeValidatorWithinList, epochTimeout)
        .contains(this.otherValidatorName)
        .parent()
        .contains('Total stake')
        .parent()
        .should('contain', '1.0')
        .and('contain', '33.33%');
    });

    it('Able to remove part of a stake against a validator', function () {
      cy.staking_page_associate_tokens('4');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        4.0,
        txTimeout
      );

      cy.get('button').contains('Select a validator to nominate').click();
      cy.get(stakeValidatorList).contains(this.validatorName).click();

      cy.staking_validator_page_add_stake('3');

      cy.get(stakeNextEpochValue, epochTimeout)
        .contains(3.0, epochTimeout)
        .should('be.visible');

      cy.get(vegaWalletNextEpochBalances, txTimeout)
        .should('contain', 3.0, txTimeout)
        .and('contain', this.validatorName)
        .and('contain', 'Next epoch');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        1.0,
        txTimeout
      );

      cy.navigate_to('staking');
      cy.get(stakeValidatorList).contains(this.validatorName).click();

      cy.staking_validator_page_remove_stake('1');

      cy.get(stakeNextEpochValue, epochTimeout)
        .contains(2.0, epochTimeout)
        .should('be.visible');

      cy.get(vegaWalletNextEpochBalances, txTimeout)
        .should('contain', 2.0, txTimeout)
        .and('contain', this.validatorName)
        .and('contain', 'Next epoch');

      cy.get(vegaWalletThisEpochBalances, txTimeout)
        .should('contain', 3.0, txTimeout)
        .and('contain', this.validatorName)
        .and('contain', 'This Epoch');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        2.0,
        txTimeout
      );

      cy.get(vegaWalletStakedBalances, txTimeout)
        .should('contain', 2.0, txTimeout)
        .and('contain', this.validatorName);

      cy.get(stakeNextEpochValue, epochTimeout)
        .contains(2.0, epochTimeout)
        .should('be.visible');

      cy.get(stakeThisEpochValue, epochTimeout)
        .contains(2.0, epochTimeout)
        .should('be.visible');

      cy.navigate_to('staking');

      cy.get(stakeValidatorWithinList, epochTimeout)
        .contains(this.validatorName)
        .parent()
        .contains('Total stake')
        .parent()
        .should('contain', '2.0')
        .and('contain', '100%');
    });

    it('Able to remove a full stake against a validator', function () {
      cy.staking_page_associate_tokens('3');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        3.0,
        txTimeout
      );

      cy.get('button').contains('Select a validator to nominate').click();

      cy.get(stakeValidatorList).contains(this.validatorName).click();

      cy.staking_validator_page_add_stake('1');

      cy.get(vegaWalletNextEpochBalances, txTimeout)
        .should('contain', 1.0, txTimeout)
        .and('contain', this.validatorName)
        .and('contain', 'Next epoch');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        2.0,
        txTimeout
      );

      cy.navigate_to('staking');

      cy.get(stakeValidatorList).contains(this.validatorName).click();

      cy.staking_validator_page_remove_stake('1');

      cy.get(stakeNextEpochValue, epochTimeout)
        .contains(0.0, epochTimeout)
        .should('be.visible');

      cy.get(vegaWalletThisEpochBalances, txTimeout)
        .should('contain', 1.0, txTimeout)
        .and('contain', this.validatorName)
        .and('contain', 'This Epoch');

      cy.get(vegaWalletNextEpochBalances, txTimeout)
        .should('contain', 0.0, txTimeout)
        .and('contain', this.validatorName)
        .and('contain', 'Next epoch');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        3.0,
        txTimeout
      );

      cy.get(stakeNextEpochValue, epochTimeout)
        .contains(0.0, epochTimeout)
        .should('be.visible');

      cy.get(stakeThisEpochValue, epochTimeout)
        .contains(0.0, epochTimeout)
        .should('be.visible');

      cy.get(vegaWalletStakedBalances, txTimeout)
        .contains(this.validatorName, txTimeout)
        .should('not.exist', txTimeout);

      cy.navigate_to('staking');

      cy.get(stakeValidatorWithinList, epochTimeout)
        .contains(this.validatorName)
        .parent()
        .contains('Total stake')
        .parent()
        .should('contain', '0.0');
    });

    it('Unable to remove a stake with a negative value for a validator', function () {
      cy.staking_page_associate_tokens('3');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        3.0,
        txTimeout
      );

      cy.get('button').contains('Select a validator to nominate').click();

      cy.get(stakeValidatorList).contains(this.validatorName).click();

      cy.staking_validator_page_add_stake('2');

      cy.get(stakeNextEpochValue, epochTimeout)
        .contains(2.0, epochTimeout)
        .should('be.visible');

      cy.get(vegaWalletNextEpochBalances, txTimeout)
        .should('contain', 2.0, txTimeout)
        .and('contain', this.validatorName)
        .and('contain', 'Next epoch');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        3.0,
        txTimeout
      );

      cy.navigate_to('staking');

      cy.get(stakeValidatorList).contains(this.validatorName).click();

      cy.get(stakeRemoveStakeRadioButton).click({ force: true });

      cy.get(stakeTokenAmountInputBox).type('-0.1');

      cy.contains('Waiting for next epoch to start', epochTimeout);

      cy.get(stakeTokenSubmitButton)
        .should('be.disabled', epochTimeout)
        .and('contain', `Remove -0.1 $VEGA tokens at the end of epoch`)
        .and('be.visible');
    });

    it('Unable to remove a stake greater than staked amount next epoch for a validator', function () {
      cy.staking_page_associate_tokens('3');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        3.0,
        txTimeout
      );

      cy.get('button').contains('Select a validator to nominate').click();

      cy.get(stakeValidatorList).contains(this.validatorName).click();

      cy.staking_validator_page_add_stake('2');

      cy.get(stakeNextEpochValue, epochTimeout)
        .contains(2.0, epochTimeout)
        .should('be.visible');

      cy.get(vegaWalletNextEpochBalances, txTimeout)
        .should('contain', 2.0, txTimeout)
        .and('contain', this.validatorName)
        .and('contain', 'Next epoch');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        1.0,
        txTimeout
      );

      cy.navigate_to('staking');

      cy.get(stakeValidatorList).contains(this.validatorName).click();

      cy.get(stakeRemoveStakeRadioButton).click({ force: true });

      cy.get(stakeTokenAmountInputBox).type(4);

      cy.contains('Waiting for next epoch to start', epochTimeout);

      cy.get(stakeTokenSubmitButton)
        .should('be.disabled', epochTimeout)
        .and('contain', `Remove 4 $VEGA tokens at the end of epoch`)
        .and('be.visible');
    });

    it.skip('Disassociating all tokens max - removes all staked tokens', function () {
      cy.staking_page_associate_tokens('3');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        3.0,
        txTimeout
      );

      cy.get('button').contains('Select a validator to nominate').click();

      cy.get(stakeValidatorList).contains(this.validatorName).click();

      cy.staking_validator_page_add_stake('2');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        1.0,
        txTimeout
      );

      cy.get(vegaWalletStakedBalances, txTimeout)
        .should('contain', 2.0, txTimeout)
        .and('contain', this.validatorName);

      cy.navigate_to('staking');

      cy.staking_page_disassociate_all_tokens();

      cy.get(ethWalletContainer).within(() => {
        cy.contains(vegaWalletPublicKeyShort, { timeout: 20000 }).should(
          'not.exist'
        );
      });

      cy.get(ethWalletTotalAssociatedBalance, txTimeout)
        .contains('0.0', txTimeout)
        .should('be.visible');

      cy.get(vegaWalletAssociatedBalance, txTimeout).should(
        'contain',
        '0.000000000000000000',
        txTimeout
      );

      cy.get(vegaWalletStakedBalances, txTimeout)
        .contains(this.validatorName, txTimeout)
        .should('not.exist', txTimeout);

      cy.navigate_to('staking');

      cy.get(stakeValidatorWithinList, epochTimeout)
        .contains(this.validatorName)
        .parent()
        .contains('Total stake')
        .parent()
        .should('contain', '0.0');
    });

    it('Disassociating some tokens - prioritizes unstaked tokens', function () {
      cy.staking_page_associate_tokens('3');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        3.0,
        txTimeout
      );

      cy.get('button').contains('Select a validator to nominate').click();
      cy.get(stakeValidatorList).contains(this.validatorName).click();

      cy.staking_validator_page_add_stake('2');
      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        1.0,
        txTimeout
      );

      cy.get(vegaWalletStakedBalances, txTimeout)
        .should('contain', 2.0, txTimeout)
        .and('contain', this.validatorName);

      cy.navigate_to('staking');

      cy.staking_page_disassociate_tokens('1');

      cy.get(ethWalletTotalAssociatedBalance, txTimeout)
        .contains('2.0', txTimeout)
        .should('be.visible');

      cy.get(vegaWalletAssociatedBalance, txTimeout).should(
        'contain',
        '2.000000000000000000',
        txTimeout
      );

      cy.get(vegaWalletStakedBalances, txTimeout)
        .should('contain', 2.0, txTimeout)
        .and('contain', this.validatorName);

      cy.navigate_to('staking');

      cy.get(stakeValidatorWithinList, epochTimeout)
        .contains(this.validatorName)
        .parent()
        .contains('Total stake')
        .parent()
        .should('contain', '2.0')
        .and('contain', '100%');
    });

    it('Selecting use maximum where tokens are allready staked - suggests the unstaked token amount', function () {
      cy.staking_page_associate_tokens('3');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        3.0,
        txTimeout
      );

      cy.get('button').contains('Select a validator to nominate').click();
      cy.get(stakeValidatorList).contains(this.validatorName).click();

      cy.staking_validator_page_add_stake('2');

      cy.get(vegaWalletUnstakedBalance, txTimeout).should(
        'contain',
        1.0,
        txTimeout
      );

      cy.navigate_to('staking');

      cy.get(stakeValidatorList).contains(this.otherValidatorName).click();

      cy.get(stakeAddStakeRadioButton).click({ force: true });

      cy.get(stakeMaximumTokens, { timeout: 60000 }).click();

      cy.get(stakeTokenSubmitButton).should('contain', 'Add 1 $VEGA tokens');
    });

    after(
      'teardown wallet so state/results dont bleed into other test suites',
      function () {
        cy.vega_wallet_teardown();
      }
    );
  });
});