mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 01:39:44 +01:00
4dcde1e216
* layout wip * Icon changes, add badgewrapped icons to smart tx * grouping by date wip * typo fix * group txs by date, button styling * removing queue/history division, adding datestamp for pending tx, minor styling changes * adding tests, updating snap * font size fix * e2e fixes * Remove unnecessary tabIndex and keypress handler * Fix typo for fontWeight * Fix nesting warning by removing unnecessary Text * Fix tests * Fix import and exports * Remove unused verbiage * Update E2E selectors * More E2E * More E2Es * More test fixes * awaiting find instead of click * adding regularDelayMs to flaky test * removing delay * increasing delay outside of wait * adding back first-child to selector * test fixes * using datatestid for primary currency * sorting date txgroups * wip alignment for big numbers * alignment issues fix * lintfix * adding tabindex, cursor pointer, updating snap * unit test fix * storybook additions * snaphot update * update snap --------- Co-authored-by: David Walsh <davidwalsh83@gmail.com>
197 lines
5.8 KiB
JavaScript
197 lines
5.8 KiB
JavaScript
const { strict: assert } = require('assert');
|
|
const FixtureBuilder = require('../fixture-builder');
|
|
const { regularDelayMs, veryLargeDelayMs } = require('../helpers');
|
|
|
|
const ganacheOptions = {
|
|
accounts: [
|
|
{
|
|
secretKey:
|
|
'0x7C9529A67102755B7E6102D6D950AC5D5863C98713805CEC576B945B15B71EAC',
|
|
balance: 25000000000000000000,
|
|
},
|
|
],
|
|
};
|
|
|
|
const withFixturesOptions = {
|
|
fixtures: new FixtureBuilder().build(),
|
|
ganacheOptions,
|
|
};
|
|
|
|
const loadExtension = async (driver) => {
|
|
await driver.navigate();
|
|
await driver.fill('#password', 'correct horse battery staple');
|
|
await driver.press('#password', driver.Key.ENTER);
|
|
};
|
|
|
|
const buildQuote = async (driver, options) => {
|
|
await driver.clickElement('[data-testid="token-overview-button-swap"]');
|
|
await driver.fill(
|
|
'input[data-testid="prepare-swap-page-from-token-amount"]',
|
|
options.amount,
|
|
);
|
|
await driver.delay(veryLargeDelayMs); // Need an extra delay after typing an amount.
|
|
await driver.clickElement('[data-testid="prepare-swap-page-swap-to"]');
|
|
await driver.waitForSelector('[id="list-with-search__text-search"]');
|
|
|
|
await driver.fill(
|
|
'input[id="list-with-search__text-search"]',
|
|
options.swapTo || options.swapToContractAddress,
|
|
);
|
|
|
|
await driver.delay(veryLargeDelayMs); // Need an extra delay after typing an amount.
|
|
if (options.swapTo) {
|
|
await driver.wait(async () => {
|
|
const tokenNames = await driver.findElements(
|
|
'[data-testid="searchable-item-list-primary-label"]',
|
|
);
|
|
if (tokenNames.length === 0) {
|
|
return false;
|
|
}
|
|
const tokenName = await tokenNames[0].getText();
|
|
return tokenName === options.swapTo;
|
|
});
|
|
}
|
|
if (options.swapToContractAddress) {
|
|
await driver.waitForSelector(
|
|
'[data-testid="searchable-item-list-import-button"]',
|
|
);
|
|
}
|
|
await driver.clickElement(
|
|
'[data-testid="searchable-item-list-primary-label"]',
|
|
);
|
|
};
|
|
|
|
const reviewQuote = async (driver, options) => {
|
|
const summary = await driver.waitForSelector(
|
|
'[data-testid="exchange-rate-display-quote-rate"]',
|
|
);
|
|
const summaryText = await summary.getText();
|
|
assert.equal(summaryText.includes(options.swapFrom), true);
|
|
assert.equal(summaryText.includes(options.swapTo), true);
|
|
const quote = summaryText.split(`\n`);
|
|
|
|
const elementSwapToAmount = await driver.findElement(
|
|
'[data-testid="prepare-swap-page-receive-amount"]',
|
|
);
|
|
const swapToAmount = await elementSwapToAmount.getText();
|
|
const expectedAmount = parseFloat(quote[3]) * options.amount;
|
|
const dotIndex = swapToAmount.indexOf('.');
|
|
const decimals = dotIndex === -1 ? 0 : swapToAmount.length - dotIndex - 1;
|
|
assert.equal(
|
|
swapToAmount,
|
|
expectedAmount.toFixed(decimals),
|
|
`Expecting ${expectedAmount.toFixed(
|
|
decimals,
|
|
)} but got ${swapToAmount} instead`,
|
|
);
|
|
|
|
await driver.findElement('[data-testid="review-quote-gas-fee-in-fiat"]');
|
|
|
|
await driver.findElement('[data-testid="info-tooltip"]');
|
|
|
|
if (!options.skipCounter) {
|
|
await driver.waitForSelector({
|
|
css: '[data-testid="countdown-timer__timer-container"]',
|
|
text: '0:25',
|
|
});
|
|
}
|
|
};
|
|
|
|
const waitForTransactionToComplete = async (driver, options) => {
|
|
await driver.waitForSelector({
|
|
css: '[data-testid="awaiting-swap-header"]',
|
|
text: 'Processing',
|
|
});
|
|
|
|
await driver.waitForSelector(
|
|
{
|
|
css: '[data-testid="awaiting-swap-header"]',
|
|
text: 'Transaction complete',
|
|
},
|
|
{ timeout: 30000 },
|
|
);
|
|
|
|
await driver.findElement({
|
|
css: '[data-testid="awaiting-swap-main-description"]',
|
|
text: `${options.tokenName}`,
|
|
});
|
|
|
|
await driver.clickElement({ text: 'Close', tag: 'button' });
|
|
await driver.waitForSelector('[data-testid="home__asset-tab"]');
|
|
};
|
|
|
|
const checkActivityTransaction = async (driver, options) => {
|
|
await driver.clickElement('[data-testid="home__activity-tab"]');
|
|
await driver.waitForSelector('.activity-list-item');
|
|
|
|
const transactionList = await driver.findElements(
|
|
'[data-testid="activity-list-item-action"]',
|
|
);
|
|
const transactionText = await transactionList[options.index].getText();
|
|
assert.equal(
|
|
transactionText,
|
|
`Swap ${options.swapFrom} to ${options.swapTo}`,
|
|
'Transaction not found',
|
|
);
|
|
|
|
await driver.findElement({
|
|
css: '[data-testid="transaction-list-item-primary-currency"]',
|
|
text: `-${options.amount} ${options.swapFrom}`,
|
|
});
|
|
|
|
await transactionList[options.index].click();
|
|
await driver.delay(regularDelayMs);
|
|
|
|
await driver.findElement({
|
|
css: '.transaction-status-label',
|
|
text: 'Confirmed',
|
|
});
|
|
|
|
await driver.findElement({
|
|
css: '[data-testid="transaction-breakdown-value-amount"]',
|
|
text: `-${options.amount} ${options.swapFrom}`,
|
|
});
|
|
|
|
await driver.clickElement('[data-testid="popover-close"]');
|
|
};
|
|
|
|
const checkNotification = async (driver, options) => {
|
|
const boxTitle = await driver.findElement(
|
|
'[data-testid="mm-banner-base-title"]',
|
|
);
|
|
assert.equal(await boxTitle.getText(), options.title, 'Invalid box title');
|
|
const boxContent = await driver.findElement(
|
|
'[data-testid="mm-banner-alert-notification-text"]',
|
|
);
|
|
const bodyText = await boxContent.getText();
|
|
console.log(`test: ${bodyText}`);
|
|
assert.equal(
|
|
bodyText.includes(options.text),
|
|
true,
|
|
'Invalid box text content',
|
|
);
|
|
};
|
|
|
|
const changeExchangeRate = async (driver) => {
|
|
await driver.clickElement('[data-testid="review-quote-view-all-quotes"]');
|
|
await driver.waitForSelector({ text: 'Quote details', tag: 'h2' });
|
|
|
|
const networkFees = await driver.findElements(
|
|
'[data-testid*="select-quote-popover-row"]',
|
|
);
|
|
const random = Math.floor(Math.random() * networkFees.length);
|
|
await networkFees[random].click();
|
|
await driver.clickElement({ text: 'Select', tag: 'button' });
|
|
};
|
|
|
|
module.exports = {
|
|
withFixturesOptions,
|
|
loadExtension,
|
|
buildQuote,
|
|
reviewQuote,
|
|
waitForTransactionToComplete,
|
|
checkActivityTransaction,
|
|
checkNotification,
|
|
changeExchangeRate,
|
|
};
|