safe-wallet/apps/web/cypress/e2e/pages/recovery.pages.js

import * as constants from '../../support/constants'
import * as main from './main.page'
import * as safe from '../pages/load_safe.pages'
import * as tx from '../pages/transactions.page'
import { tableContainer } from '../pages/address_book.page'
import { txDate } from '../pages/create_tx.pages'
import { modalHeader } from '../pages/modals.page'
import { moduleRemoveIcon } from '../pages/modules.page'

export const setupRecoveryBtn = '[data-testid="setup-recovery-btn"]'
const recoveryNextBtn = '[data-testid="next-btn"]'
const warningSection = '[data-testid="warning-section"]'
const termsCheckbox = 'input[type="checkbox"]'
export const removeRecovererBtn = '[data-testid="remove-recoverer-btn"]'
export const editRecovererBtn = '[data-testid="edit-recoverer-btn"]'
const recoveryProposalCard = '[data-testid="recovery-proposal-card"]'
const startRecoveryBtn = '[data-testid="start-recovery"]'
const recoveryDelaySelect = '[data-testid="recovery-delay-select"]'
const recoveryExpirySelect = '[data-testid="recovery-expiry-select"]'
const postponeRecoveryBtn = '[data-testid="postpone-recovery-btn"]'
const goToQueueBtn = '[data-testid="queue-btn"]'
const executeBtn = '[data-testid="execute-btn"]'
const cancelRecoveryBtn = '[data-testid="cancel-recovery-btn"]'
const cancelProposalBtn = '[data-testid="cancel-proposal-btn"]'
const executeFormBtn = '[data-testid="execute-form-btn"]'
const advancedBtn = '[data-testid="advanced-btn"]'
const recoveryProposalModal = '[data-testid="recovery-proposal"]'
const recoveryModalTitle = 'How does recovery work'

export const recoveryOptions = {
  customPeriod: 'Custom period',
  oneMin: '1 minute',
  fiveMin: '5 minutes',
  oneHr: '1 hour',
  twoDays: '2 days',
  sevenDays: '7 days',
  fourteenDays: '14 days',
  twentyEightDays: '28 days',
  fiveSixDays: '56 days',
  never: 'never',
}
export function clickOnEditRecoverer() {
  cy.get(editRecovererBtn).click()
}
export function verifyRecovererSettings(data) {
  main.checkTextsExistWithinElement(tableContainer, data)
}

export function verifyRecovererConfirmationData(data) {
  data.forEach((item) => {
    cy.get(modalHeader).next('div').contains(item)
  })
}

export function verifyRecoveryTableDisplayed() {
  cy.get(tableContainer).should('be.visible')
}
export function clickOnExecuteRecoveryCancelBtn() {
  cy.get(executeFormBtn).click()
}
export function cancelRecoveryTx() {
  cy.get(txDate).click()
  cy.get(cancelRecoveryBtn).scrollIntoView().click()
  cy.get(cancelProposalBtn).scrollIntoView().click()
}
export function clickOnRecoveryExecuteBtn() {
  cy.get(executeBtn, { timeout: 300000 }).eq(0).should('be.enabled')
  cy.wait(1000)
  cy.get(executeBtn).eq(0).click()
}
export function verifyTxNotInQueue() {
  cy.get(txDate).should('have.length', 0)
}
export const recoveryDelayOptions = {
  one_minute: '1 minute',
}

export function setRecoveryDelay(option) {
  cy.get(recoveryDelaySelect).click()
  cy.contains(option).click()
}

export function verifyRecoveryDelayOptions(options) {
  cy.get(recoveryDelaySelect).click()
  options.forEach((item) => {
    cy.contains(item)
  })
}

export function setRecoveryExpiry(option) {
  cy.get(advancedBtn).click()
  cy.get(recoveryExpirySelect).click()
  cy.contains(option).click()
}

export function verifyRecoveryExpiryOptions(options) {
  cy.get(advancedBtn).click()
  cy.get(recoveryExpirySelect).click()
  options.forEach((item) => {
    cy.contains(item)
  })
}

export function getSetupRecoveryBtn() {
  return cy.get(setupRecoveryBtn)
}

export function clickOnSetupRecoveryBtn() {
  getSetupRecoveryBtn().click()
}

export function clickOnNextBtn() {
  main.clickOnNextBtn(recoveryNextBtn)
}

export function clickOnGoToQueueBtn() {
  cy.get(goToQueueBtn).click()
  cy.get(goToQueueBtn).should('not.exist')
}

export function enterRecovererAddress(address) {
  safe.inputOwnerAddress(0, address)
}

export function agreeToTerms() {
  cy.get(warningSection).within(() => {
    main.verifyCheckboxeState(termsCheckbox, 0, constants.checkboxStates.unchecked)
    cy.get(termsCheckbox).click()
    main.verifyCheckboxeState(termsCheckbox, 0, constants.checkboxStates.checked)
  })
}

export function verifyRecovererAdded(address) {
  main.verifyValuesExist(tableContainer, address)
}

export function clearRecoverers() {
  cy.get('body').then(($body) => {
    if ($body.find(removeRecovererBtn).length) {
      cy.get(removeRecovererBtn).each(($btn) => {
        cy.wrap($btn).click()
        clickOnNextBtn()
        tx.executeFlow_1()
      })
    }
  })
}

export function clickOnStartRecoveryBtn() {
  cy.get(recoveryProposalCard)
    .should('be.visible')
    .within(() => {
      cy.get(startRecoveryBtn).click()
    })
}

export function enterOwnerAddress(address) {
  safe.inputOwnerAddress(0, address)
}

export function postponeRecovery() {
  cy.wait(7000)
  cy.get(postponeRecoveryBtn)
    .should(() => {})
    .then(($button) => {
      if (!$button.length) {
        return
      }
      cy.wrap($button).click()
      cy.get(postponeRecoveryBtn).should('not.exist')
    })
}

export function clickOnRecoverLaterBtn() {
  cy.get(postponeRecoveryBtn).click()
  cy.get(postponeRecoveryBtn).should('not.exist')
}

export function verifyRecoveryProposalDialog(option) {
  cy.get(recoveryProposalModal).should(option)
}

export function verifyRecoveryProposalCard() {
  cy.get(recoveryProposalCard).should('be.visible')
}

export function verifyRecoveryModalDisplayed() {
  cy.contains(recoveryModalTitle).should('be.visible')
}

export function deleteRecoveryModule() {
  cy.get(moduleRemoveIcon).click()
  main.acceptCookies()
  clickOnNextBtn()
  tx.executeFlow_1()
}