mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
e6e83ee4e7
* envs and feature setup * home page layout * cross-chain txs page * cross-chain transfers page * cross-chain transfers on tx page * cross-chain messages on tx page * cross-chain tx page * cross-chain tx details token transfers * stats and counters for lists * migrate to new API version * add swagger * mobile lists * placeholder views on address page * tests * fix adaptive tabs initial state when there is only one tab in the list * tweaks * bug fixes * fix tests * update screenshots * migrate to new api version * add chain label tooltip, copy button to txs in lists and same address highlight * list views on address page * fix tests * fix links to current address in the list views * update tooltips * update tables layout * review fixes * fix spelling * update screenshots * update screenshot
45 lines
1.8 KiB
TypeScript
45 lines
1.8 KiB
TypeScript
import * as crossChainConfigMock from 'mocks/crossChain/config';
|
|
import * as crossChainTransfersMock from 'mocks/crossChain/transfers';
|
|
import * as crossChainTxMock from 'mocks/crossChain/txs';
|
|
import { ENVS_MAP } from 'playwright/fixtures/mockEnvs';
|
|
import { test, expect } from 'playwright/lib';
|
|
|
|
import TxCrossChainDetailsLifecycle from './TxCrossChainDetailsLifecycle';
|
|
|
|
test.beforeEach(async({ mockEnvs, mockAssetResponse }) => {
|
|
await mockEnvs([
|
|
...ENVS_MAP.crossChainTxs,
|
|
[ 'NEXT_PUBLIC_NETWORK_ID', crossChainConfigMock.config[0].id ],
|
|
]);
|
|
await mockAssetResponse(crossChainConfigMock.config[0].logo as string, './playwright/mocks/duck.png');
|
|
await mockAssetResponse(crossChainConfigMock.config[1].logo as string, './playwright/mocks/goose.png');
|
|
await mockAssetResponse(crossChainTransfersMock.transferA.source_token.icon_url as string, './playwright/mocks/image_s.jpg');
|
|
});
|
|
|
|
test('successful tx +@mobile +@dark-mode', async({ render }) => {
|
|
|
|
const component = await render(<TxCrossChainDetailsLifecycle data={ crossChainTxMock.base }/>);
|
|
|
|
await component.getByRole('button', { name: 'Initiated' }).click();
|
|
await component.getByRole('button', { name: 'Completed' }).click();
|
|
|
|
await expect(component).toHaveScreenshot();
|
|
});
|
|
|
|
test('initiated tx', async({ render }) => {
|
|
const component = await render(<TxCrossChainDetailsLifecycle data={ crossChainTxMock.pending }/>);
|
|
await component.getByRole('button', { name: 'Initiated' }).click();
|
|
|
|
await expect(component).toHaveScreenshot();
|
|
});
|
|
|
|
test('failed on first step', async({ render }) => {
|
|
const component = await render(<TxCrossChainDetailsLifecycle data={{
|
|
...crossChainTxMock.failed,
|
|
destination_transaction_hash: undefined,
|
|
}}/>);
|
|
await component.getByRole('button', { name: 'Initiated' }).click();
|
|
|
|
await expect(component).toHaveScreenshot();
|
|
});
|