mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
* add prefix to API resources * fix pw tests * refactor config * remove unnecessary prefixes in resource names * fixes * update screenshots
38 lines
1.5 KiB
TypeScript
38 lines
1.5 KiB
TypeScript
import React from 'react';
|
|
|
|
import config from 'configs/app';
|
|
import * as poolMock from 'mocks/pools/pool';
|
|
import { test, expect, devices } from 'playwright/lib';
|
|
|
|
import Pools from './Pools';
|
|
|
|
test('base view +@dark-mode', async({ render, mockApiResponse, mockTextAd, mockAssetResponse }) => {
|
|
await mockTextAd();
|
|
await mockApiResponse(
|
|
'contractInfo:pools',
|
|
{ items: [ poolMock.base, poolMock.noIcons, poolMock.base ], next_page_params: null },
|
|
{ pathParams: { chainId: config.chain.id } },
|
|
);
|
|
await mockAssetResponse(poolMock.base.quote_token_icon_url as string, './playwright/mocks/image_s.jpg');
|
|
await mockAssetResponse(poolMock.base.base_token_icon_url as string, './playwright/mocks/image_s.jpg');
|
|
const component = await render(<Pools/>);
|
|
await expect(component).toHaveScreenshot();
|
|
});
|
|
|
|
test.describe('mobile', () => {
|
|
test.use({ viewport: devices['iPhone 13 Pro'].viewport });
|
|
|
|
test('base view', async({ render, mockApiResponse, mockTextAd, mockAssetResponse }) => {
|
|
await mockTextAd();
|
|
await mockApiResponse(
|
|
'contractInfo:pools',
|
|
{ items: [ poolMock.base, poolMock.noIcons, poolMock.base ], next_page_params: null },
|
|
{ pathParams: { chainId: config.chain.id } },
|
|
);
|
|
await mockAssetResponse(poolMock.base.quote_token_icon_url as string, './playwright/mocks/image_s.jpg');
|
|
await mockAssetResponse(poolMock.base.base_token_icon_url as string, './playwright/mocks/image_s.jpg');
|
|
const component = await render(<Pools/>);
|
|
await expect(component).toHaveScreenshot();
|
|
});
|
|
});
|