mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
932add9d96
* basic components and address page refactoring * second part of refactoring * third part of refactoring * NativeCoinValue component * more refactoring * rename TruncatedValue into TruncatedText * minor fixes * refactor block details * fix layout of value and fee in tx table * update screenshots * different units for tooltip and stats widget small value fix * update screenshots * update tx table screenshot * fix copy button vertical alignment
25 lines
1011 B
TypeScript
25 lines
1011 B
TypeScript
import React from 'react';
|
|
|
|
import * as txMock from 'mocks/txs/tx';
|
|
import { test, expect } from 'playwright/lib';
|
|
|
|
import TxAdditionalInfo from './TxAdditionalInfo';
|
|
|
|
test('regular transaction +@dark-mode', async({ render, page }) => {
|
|
const component = await render(<TxAdditionalInfo tx={ txMock.base }/>);
|
|
await component.getByLabel('Transaction info').click();
|
|
await expect(page).toHaveScreenshot({ clip: { x: 0, y: 0, width: 400, height: 650 } });
|
|
});
|
|
|
|
test('regular transaction +@mobile -@default', async({ render, page }) => {
|
|
const component = await render(<TxAdditionalInfo tx={ txMock.base } isMobile/>);
|
|
await component.getByLabel('Transaction info').click();
|
|
await expect(page).toHaveScreenshot();
|
|
});
|
|
|
|
test('blob transaction', async({ render, page }) => {
|
|
const component = await render(<TxAdditionalInfo tx={ txMock.withBlob }/>);
|
|
await component.getByLabel('Transaction info').click();
|
|
await expect(page).toHaveScreenshot({ clip: { x: 0, y: 0, width: 400, height: 650 } });
|
|
});
|