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
32 lines
1.1 KiB
TypeScript
32 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
|
|
import * as statsMock from 'mocks/stats/index';
|
|
import * as statsLineMock from 'mocks/stats/line';
|
|
import * as statsLinesMock from 'mocks/stats/lines';
|
|
import { test, expect } from 'playwright/lib';
|
|
|
|
import GasTracker from './GasTracker';
|
|
|
|
test.beforeEach(async({ mockTextAd }) => {
|
|
await mockTextAd();
|
|
});
|
|
|
|
test('base view +@dark-mode +@mobile', async({ render, mockApiResponse, mockEnvs, page }) => {
|
|
await mockEnvs([
|
|
[ 'NEXT_PUBLIC_SEO_ENHANCED_DATA_ENABLED', 'true' ],
|
|
]);
|
|
await mockApiResponse('general:stats', { ...statsMock.base, coin_price: '2442.789' });
|
|
await mockApiResponse('stats:lines', statsLinesMock.base);
|
|
const chartApiUrl = await mockApiResponse(
|
|
'stats:line',
|
|
statsLineMock.averageGasPrice,
|
|
{ pathParams: { id: 'averageGasPrice' }, queryParams: { from: '**' } },
|
|
);
|
|
const component = await render(<GasTracker/>);
|
|
await page.waitForResponse(chartApiUrl);
|
|
await page.waitForFunction(() => {
|
|
return document.querySelector('path[data-name="chart-small"]')?.getAttribute('opacity') === '1';
|
|
});
|
|
await expect(component).toHaveScreenshot();
|
|
});
|