mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
5c0c18149d
* move charts to toolkit * refactor imports * fix tests * change the behavior of the color mode hook and add the noWatermark prop * fix gas tracker test and fix toolkit build
42 lines
1.7 KiB
TypeScript
42 lines
1.7 KiB
TypeScript
import React from 'react';
|
|
|
|
import * as balanceHistoryMock from 'mocks/address/coinBalanceHistory';
|
|
import { test, expect, devices } from 'playwright/lib';
|
|
|
|
import AddressCoinBalance from './AddressCoinBalance';
|
|
|
|
const addressHash = '0x1234';
|
|
const hooksConfig = {
|
|
router: {
|
|
query: { hash: addressHash },
|
|
},
|
|
};
|
|
|
|
test('base view +@dark-mode', async({ render, page, mockApiResponse }) => {
|
|
await mockApiResponse('general:address_coin_balance', balanceHistoryMock.baseResponse, { pathParams: { hash: addressHash } });
|
|
await mockApiResponse('general:address_coin_balance_chart', balanceHistoryMock.chartResponse, { pathParams: { hash: addressHash } });
|
|
const component = await render(<AddressCoinBalance/>, { hooksConfig });
|
|
await page.waitForFunction(() => {
|
|
return document.querySelector('path[data-name="balance-small"]')?.getAttribute('opacity') === '1';
|
|
});
|
|
await page.mouse.move(100, 100);
|
|
await page.mouse.move(240, 100);
|
|
await expect(component).toHaveScreenshot();
|
|
});
|
|
|
|
test.describe('mobile', () => {
|
|
test.use({ viewport: devices['iPhone 13 Pro'].viewport });
|
|
|
|
test('base view', async({ render, page, mockApiResponse }) => {
|
|
await mockApiResponse('general:address_coin_balance', balanceHistoryMock.baseResponse, { pathParams: { hash: addressHash } });
|
|
await mockApiResponse('general:address_coin_balance_chart', balanceHistoryMock.chartResponse, { pathParams: { hash: addressHash } });
|
|
const component = await render(<AddressCoinBalance/>, { hooksConfig });
|
|
await page.waitForFunction(() => {
|
|
return document.querySelector('path[data-name="balance-small"]')?.getAttribute('opacity') === '1';
|
|
});
|
|
await page.mouse.move(100, 100);
|
|
await page.mouse.move(240, 100);
|
|
await expect(component).toHaveScreenshot();
|
|
});
|
|
});
|