reject_tx.test.js

import {
  assertElementPresent,
  clickAndType,
  clickByText,
  clickElement,
  openDropdown,
  getNumberInString,
} from '../../utils/selectorsHelpers'
import { PuppeteerScreenRecorder } from 'puppeteer-screen-recorder'
import { generalInterface } from '../../utils/selectors/generalInterface'
import { sendFundsForm } from '../../utils/selectors/sendFundsForm'
import { assetsTab } from '../../utils/selectors/assetsTab'
import { initWithDefaultSafeDirectNavigation } from '../../utils/testSetup'
import config from '../../utils/config'
import { rejectNextTx } from '../../utils/actions/rejectNextTx'
import { rejectPendingTxs } from '../../utils/actions/rejectPendingTxs'

/*
Reject tx
-- Checks current ETH funds in safe
-- Open send funds form
-- Fills address, eth amount and signs transaction
-- Open tx details and click reject button
-- Signs with current owner
-- Checks ON-CHAIN REJECTION text to assure rejection is waiting for execution
-- Executes Rejection
-- Opens history tab, checks last tx is a Rejection and checks the successful status
*/

let browser
let metamask
let gnosisPage

let recorder

const { FUNDS_RECEIVER_ADDRESS } = config

beforeAll(async () => {
  ;[browser, metamask, gnosisPage] = await initWithDefaultSafeDirectNavigation(true)
}, 60000)

afterAll(async () => {
  await rejectPendingTxs(gnosisPage, metamask)
  await gnosisPage.waitForTimeout(2000)
  await recorder.stop()
  await browser.close()
})

describe('Reject transaction flow', () => {
  let startBalance = 0.0

  test('Reject transaction flow', async () => {
    recorder = new PuppeteerScreenRecorder(gnosisPage)
    await recorder.start('./e2e-tests-assets/reject_tx.mp4')

    await gnosisPage.waitForTimeout(2000)
    console.log('Reject tx')
    console.log('Checks current ETH funds in safe')
    await assertElementPresent({ selector: assetsTab.balance_value('eth'), type: 'css' }, gnosisPage)
    startBalance = await getNumberInString({ selector: assetsTab.balance_value('eth'), type: 'css' }, gnosisPage)
    console.log('Open send funds form')
    await clickByText('button', 'New Transaction', gnosisPage)
    await clickElement({ selector: generalInterface.modal_send_funds_btn }, gnosisPage)
    await assertElementPresent(sendFundsForm.review_btn_disabled, gnosisPage)
    console.log('Fills address, eth amount and signs transaction')
    // Filling the form
    await clickAndType(sendFundsForm.recipient_input, gnosisPage, FUNDS_RECEIVER_ADDRESS)
    await openDropdown(sendFundsForm.select_token, gnosisPage)
    await clickElement(sendFundsForm.select_token_ether, gnosisPage)
    await clickAndType(sendFundsForm.amount_input, gnosisPage, '0.01')
    await assertElementPresent(sendFundsForm.valid_amount_msg, gnosisPage)
    await gnosisPage.waitForTimeout(2000)
    await clickElement(sendFundsForm.review_btn, gnosisPage)
    // Approving the transaction with the owner 1
    await assertElementPresent(sendFundsForm.submit_btn, gnosisPage)
    await clickElement(sendFundsForm.submit_btn, gnosisPage)
    await gnosisPage.waitForTimeout(4000)
    await metamask.signTransaction()
    console.log('Open tx details and click reject button')
    console.log('Signs with current owner')
    console.log('Checks ON-CHAIN REJECTION text to assure rejection is waiting for execution')
    console.log('Executes Rejection')
    console.log('Opens history tab, checks last tx is a Rejection and checks the successful status')
    // Rejecting transaction
    await rejectNextTx(gnosisPage, metamask)

    await clickByText('span', 'ASSETS', gnosisPage)
    await assertElementPresent({ selector: assetsTab.balance_value('eth'), type: 'css' }, gnosisPage)
    // await gnosisPage.waitForTimeout(4000)
    const finalBalance = await getNumberInString({ selector: assetsTab.balance_value('eth'), type: 'css' }, gnosisPage)
    // Balance should not have changed
    expect(finalBalance).toBe(startBalance)
  }, 345000)
})