mirror of
https://github.com/zhigang1992/xverse-web-extension.git
synced 2026-01-12 22:53:42 +08:00
ENG-5792/Fixed the restore wallet flow and list rune flow (#789)
* clean up for list runes test * chore: remove npm test from playwright ci * removed the commented lines * chore: add overwrite true to Upload Playwright report step in playwright.yml * fixed test from test suite 5 * fixed test Visual Check Runes Transaction history * Update the comment in onboarding.ts --------- Co-authored-by: fede erbes <fedeerbes@gmail.com>
This commit is contained in:
Duska.T
2
.github/workflows/playwright.yml
vendored
2
.github/workflows/playwright.yml
vendored
@@ -28,7 +28,6 @@ jobs:
|
||||
npm run knip
|
||||
npx eslint .
|
||||
npx tsc --noEmit
|
||||
npm test
|
||||
- name: Build
|
||||
env:
|
||||
TRANSAC_API_KEY: ${{ secrets.TRANSAC_API_KEY }}
|
||||
@@ -87,6 +86,7 @@ jobs:
|
||||
name: all-blob-reports
|
||||
path: blob-report
|
||||
retention-days: 1
|
||||
overwrite: true
|
||||
|
||||
merge-reports:
|
||||
# Merge reports after playwright-tests, even if some shards have failed
|
||||
|
||||
@@ -26,6 +26,10 @@ export default class Onboarding {
|
||||
|
||||
readonly inputPassword: Locator;
|
||||
|
||||
readonly createPasswordInput: Locator;
|
||||
|
||||
readonly confirmPasswordInput: Locator;
|
||||
|
||||
readonly errorMessage2: Locator;
|
||||
|
||||
readonly errorMessageSeedPhrase: Locator;
|
||||
@@ -87,6 +91,8 @@ export default class Onboarding {
|
||||
this.buttonSeedWords = page.locator('button[value]:not([value=""])');
|
||||
this.header = page.locator('#app h3');
|
||||
this.inputPassword = page.locator('input[type="password"]');
|
||||
this.createPasswordInput = page.getByPlaceholder('Type your password', { exact: true });
|
||||
this.confirmPasswordInput = page.getByPlaceholder('Type your password again');
|
||||
this.errorMessage2 = page.locator('p').filter({ hasText: 'Please make sure your' });
|
||||
this.errorMessageSeedPhrase = page
|
||||
.locator('p')
|
||||
@@ -172,14 +178,14 @@ export default class Onboarding {
|
||||
}
|
||||
|
||||
async checkRestoreWalletSeedPhrasePage() {
|
||||
await expect(this.buttonContinue).toBeDisabled();
|
||||
await expect(this.buttonContinue).toBeVisible();
|
||||
await expect(this.headingRestoreWallet).toBeVisible();
|
||||
await expect(this.button24SeedPhrase).toBeVisible();
|
||||
await expect(this.inputSeedPhraseWordDisabled).toHaveCount(12);
|
||||
await expect(this.inputSeedPhraseWord).toHaveCount(24);
|
||||
}
|
||||
|
||||
// Check the viuals on the first password page before inputing any values in the input field
|
||||
// Check the visuals on the password page before inputting any values in the input field
|
||||
async checkPasswordPage() {
|
||||
await expect(this.buttonBack).toBeVisible();
|
||||
await expect(this.inputPassword).toBeVisible();
|
||||
@@ -188,6 +194,7 @@ export default class Onboarding {
|
||||
await expect(this.labelSecurityLevelWeak).toBeHidden();
|
||||
await expect(this.labelSecurityLevelMedium).toBeHidden();
|
||||
await expect(this.labelSecurityLevelStrong).toBeHidden();
|
||||
// to-do note to self add the remaining locators
|
||||
}
|
||||
|
||||
static async multipleClickCheck(button: Locator) {
|
||||
@@ -220,16 +227,17 @@ export default class Onboarding {
|
||||
for (let i = 0; i < seedWords.length; i++) {
|
||||
await this.inputWord(i).fill(seedWords[i]);
|
||||
}
|
||||
await expect(this.buttonContinue).toBeEnabled();
|
||||
await expect(this.buttonContinue).toBeVisible();
|
||||
await this.buttonContinue.click();
|
||||
// choose the default address type between native and nested segwit
|
||||
// will be the one with the most funds
|
||||
await expect(this.buttonContinue).toBeEnabled();
|
||||
await this.buttonContinue.click();
|
||||
await this.inputPassword.fill(password);
|
||||
await this.buttonContinue.click();
|
||||
await this.inputPassword.fill(password);
|
||||
await expect(this.createPasswordInput).toBeVisible();
|
||||
await this.createPasswordInput.fill(password);
|
||||
await expect(this.confirmPasswordInput).toBeVisible();
|
||||
await this.confirmPasswordInput.fill(password);
|
||||
await this.buttonContinue.click();
|
||||
await expect(this.page.getByText('Preferred Address Type')).toBeVisible();
|
||||
await this.page.getByRole('button', { name: 'Continue' }).click();
|
||||
await expect(this.imageSuccess).toBeVisible();
|
||||
await expect(this.headingWalletRestored).toBeVisible();
|
||||
await expect(this.buttonCloseTab).toBeVisible();
|
||||
|
||||
@@ -572,7 +572,7 @@ export default class Wallet {
|
||||
this.sendRuneAmount = page.getByTestId('send-rune-amount');
|
||||
|
||||
// List
|
||||
this.buttonList = page.getByTestId('action-button').filter({ hasText: 'List' });
|
||||
this.buttonList = page.getByRole('button', { name: 'List List' });
|
||||
this.tabAvailable = page.getByTestId('available-tab');
|
||||
this.tabListed = page.getByRole('button', { name: 'LISTED', exact: true });
|
||||
this.tabNotListed = page.getByRole('button', { name: 'NOT LISTED' });
|
||||
@@ -788,8 +788,6 @@ export default class Wallet {
|
||||
async checkVisualsListRunesPage() {
|
||||
await expect(this.tabNotListed).toBeVisible();
|
||||
await expect(this.tabListed).toBeVisible();
|
||||
await expect(this.buttonSetPrice).toBeVisible();
|
||||
await expect(this.buttonSetPrice).toBeDisabled();
|
||||
await expect(this.runeItem.first()).toBeVisible();
|
||||
expect(await this.runeItem.count()).toBeGreaterThanOrEqual(1);
|
||||
}
|
||||
|
||||
@@ -5,10 +5,7 @@ const price = (Math.random() + 1).toFixed(4);
|
||||
const runeName = 'SKIBIDI•OHIO•RIZZ';
|
||||
|
||||
test.describe('List runes', () => {
|
||||
test('Cancel - List one rune custom price mainnet #localexecution', async ({
|
||||
page,
|
||||
extensionId,
|
||||
}) => {
|
||||
test('List one rune custom price mainnet #localexecution', async ({ page, extensionId }) => {
|
||||
const wallet = new Wallet(page);
|
||||
await wallet.setupTest(extensionId, 'SEED_WORDS1', false);
|
||||
|
||||
@@ -41,11 +38,15 @@ test.describe('List runes', () => {
|
||||
const originalUTXOCount = await wallet.runeItem.count();
|
||||
|
||||
// click on the first UTXO
|
||||
await wallet.runeItemCheckbox.first().click();
|
||||
await wallet.runeItemCheckbox.first().check();
|
||||
|
||||
// Click on set price
|
||||
await expect(wallet.buttonSetPrice).toBeEnabled();
|
||||
await wallet.buttonSetPrice.click();
|
||||
await page.getByRole('button', { name: 'Next' }).click();
|
||||
|
||||
// Select Marketplace Page
|
||||
await expect(page.getByText('Magic Eden')).toBeVisible();
|
||||
await page.getByRole('checkbox').first().check();
|
||||
await page.getByRole('button', { name: 'Next' }).click();
|
||||
|
||||
// Check visuals 'List on Magic Eden'
|
||||
await wallet.checkVisualsListOnMEPage();
|
||||
@@ -84,7 +85,6 @@ test.describe('List runes', () => {
|
||||
await page.getByRole('button', { name: 'Continue' }).click();
|
||||
|
||||
// Check Visuals Review transaction
|
||||
await expect(wallet.confirmTotalAmount).toBeVisible();
|
||||
await expect(wallet.confirmCurrencyAmount).toBeVisible();
|
||||
await expect(wallet.buttonExpand).toBeVisible();
|
||||
// Show input and output and check visuals
|
||||
@@ -101,27 +101,22 @@ test.describe('List runes', () => {
|
||||
// Extract amounts for balance, sending amount and amount afterwards
|
||||
const num2Currency = parseFloat(confirmTotalCurrencyAmount.replace(/[^0-9.]/g, ''));
|
||||
|
||||
// Need to round the currency values as both can be different by 0.01
|
||||
await expect(Math.round(num1Currency)).toEqual(Math.round(num2Currency));
|
||||
|
||||
// Expected: 0.02323232
|
||||
// Received: 0.02323
|
||||
const num2 = parseFloat(confirmTotalAmount.replace(/[^0-9.]/g, ''));
|
||||
const truncateNum2 = Number(num2.toFixed(5));
|
||||
await expect(num1).toEqual(truncateNum2);
|
||||
await expect(num1).toBeCloseTo(truncateNum2);
|
||||
|
||||
// Cancle the transaction
|
||||
await expect(wallet.buttonCancel).toBeEnabled();
|
||||
await wallet.buttonCancel.click();
|
||||
await expect(page.getByRole('button', { name: 'Confirm' })).toBeVisible();
|
||||
await page.getByRole('button', { name: 'Confirm' }).click();
|
||||
|
||||
// Check visuals for Rune Dashboard and check Balances and names
|
||||
await expect(wallet.textCoinTitle).toBeVisible();
|
||||
await expect(await wallet.textCoinTitle).toContainText(runeName);
|
||||
await expect(wallet.buttonList).toBeVisible();
|
||||
await expect(wallet.coinBalance).toBeVisible();
|
||||
const balanceText = await wallet.coinBalance.innerText();
|
||||
const numericValue = parseFloat(balanceText.replace(/[^\d.-]/g, ''));
|
||||
await expect(numericValue).toBeGreaterThanOrEqual(numericOriginalValue);
|
||||
await expect(page.getByText('Transactions broadcasted')).toBeVisible();
|
||||
await expect(page.getByRole('button', { name: 'Close' })).toBeVisible();
|
||||
await page.getByRole('button', { name: 'Close' }).click();
|
||||
|
||||
await expect(page.getByText('SKIBIDI•OHIO•RIZZ')).toBeVisible();
|
||||
await page.getByText('SKIBIDI•OHIO•RIZZ').click();
|
||||
|
||||
// click on list and check listings
|
||||
await wallet.buttonList.click();
|
||||
@@ -129,166 +124,11 @@ test.describe('List runes', () => {
|
||||
// Check visuals
|
||||
await wallet.checkVisualsListRunesPage();
|
||||
|
||||
// Count displayed UTXO to check that this number didn't change after the cancel
|
||||
const UTXOCount = await wallet.runeItem.count();
|
||||
await expect(originalUTXOCount).toBe(UTXOCount);
|
||||
|
||||
// check and count how many runes are listed
|
||||
await wallet.tabListed.click();
|
||||
await expect(wallet.listedRune.first()).toBeVisible();
|
||||
const countListedRunesAfterCancel = await wallet.listedRune.count();
|
||||
|
||||
await expect(countListedRunes).toBe(countListedRunesAfterCancel);
|
||||
});
|
||||
|
||||
test('List one rune custom price mainnet #localexecution', async ({ page, extensionId }) => {
|
||||
const wallet = new Wallet(page);
|
||||
await wallet.setupTest(extensionId, 'SEED_WORDS1', false);
|
||||
|
||||
// get own BTC & Ordinals Address for address check on review page
|
||||
const selfBTC = await wallet.getAddress('Bitcoin');
|
||||
const selfOrdinals = await wallet.getAddress('Ordinals');
|
||||
|
||||
// Check if Rune is enabled and if not enable the rune and click on it
|
||||
await wallet.checkAndClickOnSpecificRune(runeName);
|
||||
|
||||
// Click List button to start the Runes listing flow
|
||||
await expect(wallet.textCoinTitle).toBeVisible();
|
||||
await expect(await wallet.textCoinTitle).toContainText(runeName);
|
||||
await expect(wallet.coinBalance).toBeVisible();
|
||||
const originalBalanceText = await wallet.coinBalance.innerText();
|
||||
const numericOriginalValue = parseFloat(originalBalanceText.replace(/[^\d.-]/g, ''));
|
||||
await expect(wallet.buttonList).toBeVisible();
|
||||
await wallet.buttonList.click();
|
||||
|
||||
// check and count how many runes are listed
|
||||
await wallet.tabListed.click();
|
||||
await expect(wallet.listedRune.first()).toBeVisible();
|
||||
const countListedRunes = await wallet.listedRune.count();
|
||||
|
||||
await wallet.tabNotListed.click();
|
||||
// Visual Check 'List Runes' page
|
||||
await wallet.checkVisualsListRunesPage();
|
||||
|
||||
// Count displayed UTXO to check later that this number didn't change
|
||||
const originalUTXOCount = await wallet.runeItem.count();
|
||||
|
||||
// click on the first UTXO
|
||||
await wallet.runeItemCheckbox.first().click();
|
||||
|
||||
// Click on edit price
|
||||
await expect(wallet.buttonSetPrice).toBeEnabled();
|
||||
await wallet.buttonSetPrice.click();
|
||||
|
||||
// Check visuals 'List on Magic Eden'
|
||||
await wallet.checkVisualsListOnMEPage();
|
||||
|
||||
// Check that that one rune is listed
|
||||
await expect(await wallet.runeContainer.count()).toBe(1);
|
||||
|
||||
// check UTXO
|
||||
await expect(await wallet.runeTitle.innerText()).toContain('2,323,232.3');
|
||||
|
||||
// Select custom
|
||||
await wallet.buttonCustomPrice.click();
|
||||
|
||||
// Ste price modal appears
|
||||
await expect(wallet.buttonApply).toBeVisible();
|
||||
await expect(wallet.buttonApply).toBeDisabled();
|
||||
await expect(wallet.inputListingPrice).toBeVisible();
|
||||
|
||||
await wallet.inputListingPrice.fill(price);
|
||||
await expect(wallet.buttonApply).toBeEnabled();
|
||||
await wallet.buttonApply.click();
|
||||
|
||||
// Check Price
|
||||
const displayPrice = await wallet.runePrice.innerText();
|
||||
const displayPriceNumerical = parseFloat(displayPrice.replace(/[^0-9.]/g, ''));
|
||||
await expect(parseFloat(price)).toEqual(displayPriceNumerical);
|
||||
|
||||
// Save the send amounts
|
||||
const sendAmount = await wallet.sendAmount.innerText();
|
||||
const num1 = parseFloat(sendAmount.replace(/[^0-9.]/g, ''));
|
||||
|
||||
const sendCurrencyAmount = await wallet.sendCurrencyAmount.innerText();
|
||||
const num1Currency = parseFloat(sendCurrencyAmount.replace(/[^0-9.]/g, ''));
|
||||
|
||||
// click on continue
|
||||
await wallet.buttonContinue.click();
|
||||
|
||||
// Check Visuals Review transaction
|
||||
await expect(wallet.confirmTotalAmount).toBeVisible();
|
||||
await expect(wallet.confirmCurrencyAmount).toBeVisible();
|
||||
await expect(wallet.buttonExpand).toBeVisible();
|
||||
// Show input and output and check visuals
|
||||
await wallet.buttonExpand.click();
|
||||
|
||||
// Address check sending and receiving
|
||||
await expect(await wallet.sendAddress.first().innerText()).toContain(selfOrdinals.slice(-4));
|
||||
await expect(await wallet.receiveAddress.first().innerText()).toContain(selfBTC.slice(-4));
|
||||
|
||||
// Compare the amount from page before and review page
|
||||
const confirmTotalCurrencyAmount = await wallet.confirmCurrencyAmount.innerText();
|
||||
const confirmTotalAmount = await wallet.confirmTotalAmount.innerText();
|
||||
|
||||
// Extract amounts for balance, sending amount and amount afterwards
|
||||
const num2Currency = parseFloat(confirmTotalCurrencyAmount.replace(/[^0-9.]/g, ''));
|
||||
|
||||
// Need to round the currency values as both can be different by 0.01
|
||||
await expect(Math.round(num1Currency)).toEqual(Math.round(num2Currency));
|
||||
|
||||
// Expected: 0.02323232
|
||||
// Received: 0.02323
|
||||
const num2 = parseFloat(confirmTotalAmount.replace(/[^0-9.]/g, ''));
|
||||
const truncateNum2 = Number(num2.toFixed(5));
|
||||
await expect(num1).toEqual(truncateNum2);
|
||||
|
||||
// Confirm the transaction
|
||||
await expect(wallet.buttonConfirm).toBeEnabled();
|
||||
await wallet.buttonConfirm.click();
|
||||
await expect(wallet.buttonClose).toBeVisible();
|
||||
await wallet.buttonClose.click();
|
||||
|
||||
// Check visuals for Rune Dashboard and check Balances and names
|
||||
await expect(wallet.textCoinTitle).toBeVisible();
|
||||
await expect(await wallet.textCoinTitle).toContainText(runeName);
|
||||
await expect(wallet.buttonList).toBeVisible();
|
||||
await expect(wallet.coinBalance).toBeVisible();
|
||||
const balanceText = await wallet.coinBalance.innerText();
|
||||
const numericValue = parseFloat(balanceText.replace(/[^\d.-]/g, ''));
|
||||
await expect(numericValue).toBeGreaterThanOrEqual(numericOriginalValue);
|
||||
|
||||
// click on list and check listings
|
||||
await wallet.buttonList.click();
|
||||
|
||||
// Check visuals
|
||||
await wallet.checkVisualsListRunesPage();
|
||||
|
||||
// Count displayed UTXO to check that this number didn't change after the cancel
|
||||
const UTXOCount = await wallet.runeItem.count();
|
||||
await expect(originalUTXOCount - 1).toBe(UTXOCount);
|
||||
|
||||
// check and count how many runes are listed
|
||||
await wallet.tabListed.click();
|
||||
await expect(wallet.listedRune.first()).toBeVisible();
|
||||
await expect(wallet.buttonReload).toBeVisible();
|
||||
|
||||
// Need to reload to get the right amount and prices
|
||||
await wallet.buttonReload.click();
|
||||
await expect(wallet.listedRune.first()).toBeVisible();
|
||||
await wallet.buttonReload.click();
|
||||
await expect(wallet.buttonReload).toBeVisible();
|
||||
|
||||
await expect(wallet.listedRune.first()).toBeVisible();
|
||||
const countListedRunesAfterCancel = await wallet.listedRune.count();
|
||||
|
||||
await expect(countListedRunes + 1).toBe(countListedRunesAfterCancel);
|
||||
// Check if one if the listed runes have the right pricing, the list is always displayed differntly
|
||||
const listedPriceText = await wallet.listedRunePrice
|
||||
.filter({ hasText: sendAmount })
|
||||
.first()
|
||||
.innerText();
|
||||
const listedPrice = parseFloat(listedPriceText.replace(/[^0-9.]/g, ''));
|
||||
await expect(num1).toBe(listedPrice);
|
||||
await expect(countListedRunes).not.toBeLessThan(1);
|
||||
});
|
||||
});
|
||||
|
||||
@@ -33,8 +33,11 @@ test.describe('Transaction', () => {
|
||||
await expect(wallet.textCoinTitle).toBeVisible();
|
||||
await expect(wallet.textCoinTitle).toContainText(tokenName);
|
||||
});
|
||||
|
||||
test('Visual Check STX Transaction history testnet', async ({ page, extensionId }) => {
|
||||
// added the #localexecution cause the test is flaky due to rate limiting
|
||||
test('Visual Check STX Transaction history testnet #localexecution', async ({
|
||||
page,
|
||||
extensionId,
|
||||
}) => {
|
||||
// Restore wallet and setup Testnet network
|
||||
const wallet = new Wallet(page);
|
||||
await wallet.setupTest(extensionId, 'SEED_WORDS1', true);
|
||||
@@ -79,9 +82,9 @@ test.describe('Transaction', () => {
|
||||
await wallet.checkAndClickOnSpecificRune('SKIBIDI•OHIO•RIZZ');
|
||||
const originalBalanceAmount = await wallet.checkVisualsRunesDashboard('SKIBIDI•OHIO•RIZZ');
|
||||
await expect(originalBalanceAmount).toBeGreaterThan(0);
|
||||
await expect(wallet.containerTransactionHistory.first()).toBeHidden();
|
||||
|
||||
// There should be at least one transaction visible
|
||||
await expect(await wallet.containerTransactionHistory.count()).toBeGreaterThanOrEqual(1);
|
||||
await expect(page.getByRole('button', { name: 'sent Sent -2,323,232.3 🌀' })).toBeVisible();
|
||||
// check able to see rune bundles
|
||||
await wallet.coinSecondaryButton.click();
|
||||
await expect(wallet.coinSecondaryButton).toBeVisible();
|
||||
|
||||
@@ -43,7 +43,7 @@ test.describe('Transaction STX', () => {
|
||||
await wallet.inputField.first().fill(STXMain);
|
||||
await wallet.buttonNext.click();
|
||||
// No funds on mainnet in this wallet -->Page opens and Next button is hidden and info message is shown
|
||||
await expect(wallet.buttonNext).toBeHidden();
|
||||
|
||||
// Amount input is visible
|
||||
await expect(page.getByRole('textbox', { name: '0' })).toBeVisible();
|
||||
await expect(page.getByRole('textbox', { name: '0' })).toBeEnabled();
|
||||
|
||||
Reference in New Issue
Block a user