update screenshots

ui/address/AddressTokenTransfers.pw.tsx

 import { Box } from '@chakra-ui/react';
-import { test, expect } from '@playwright/experimental-ct-react';
+import { test, expect, devices } from '@playwright/experimental-ct-react';
 import React from 'react';
 
 import { erc1155A } from 'mocks/tokens/tokenTransfer';
@@ -17,7 +17,7 @@ const hooksConfig = {
   },
 };
 
-test('with token filter and pagination +@mobile', async({ mount, page }) => {
+test('with token filter and pagination', async({ mount, page }) => {
   await page.route(API_URL, (route) => route.fulfill({
     status: 200,
     body: JSON.stringify({ items: [ erc1155A ], next_page_params: { block_number: 1 } }),
@@ -34,7 +34,7 @@ test('with token filter and pagination +@mobile', async({ mount, page }) => {
   await expect(component).toHaveScreenshot();
 });
 
-test('with token filter and no pagination +@mobile', async({ mount, page }) => {
+test('with token filter and no pagination', async({ mount, page }) => {
   await page.route(API_URL, (route) => route.fulfill({
     status: 200,
     body: JSON.stringify({ items: [ erc1155A ] }),
@@ -50,3 +50,41 @@ test('with token filter and no pagination +@mobile', async({ mount, page }) => {
 
   await expect(component).toHaveScreenshot();
 });
+
+test.describe('mobile', () => {
+  test.use({ viewport: devices['iPhone 13 Pro'].viewport });
+
+  test('with token filter and pagination', async({ mount, page }) => {
+    await page.route(API_URL, (route) => route.fulfill({
+      status: 200,
+      body: JSON.stringify({ items: [ erc1155A ], next_page_params: { block_number: 1 } }),
+    }));
+
+    const component = await mount(
+      <TestApp>
+        <Box h={{ base: '134px', lg: 6 }}/>
+        <AddressTokenTransfers/>
+      </TestApp>,
+      { hooksConfig },
+    );
+
+    await expect(component).toHaveScreenshot();
+  });
+
+  test('with token filter and no pagination', async({ mount, page }) => {
+    await page.route(API_URL, (route) => route.fulfill({
+      status: 200,
+      body: JSON.stringify({ items: [ erc1155A ] }),
+    }));
+
+    const component = await mount(
+      <TestApp>
+        <Box h={{ base: '134px', lg: 6 }}/>
+        <AddressTokenTransfers/>
+      </TestApp>,
+      { hooksConfig },
+    );
+
+    await expect(component).toHaveScreenshot();
+  });
+});

ui/address/AddressTxs.tsx

@@ -52,9 +52,6 @@ const AddressTxs = ({ scrollRef }: {scrollRef?: React.RefObject<HTMLDivElement>}
     },
   });
 
-  // addressTxsQuery.isPlaceholderData = true;
-  // addressTxsQuery.pagination.isLoading = true;
-
   const handleFilterChange = React.useCallback((val: string | Array<string>) => {
 
     const newVal = getFilterValue(val);

ui/pages/Blocks.pw.tsx

@@ -58,7 +58,7 @@ test('base view +@mobile +@dark-mode', async({ mount, page }) => {
   );
   await page.waitForResponse(BLOCKS_API_URL);
 
-  await expect(component.locator('main')).toHaveScreenshot();
+  await expect(component).toHaveScreenshot();
 });
 
 test('new item from socket', async({ mount, page, createSocket }) => {
@@ -85,7 +85,7 @@ test('new item from socket', async({ mount, page, createSocket }) => {
     },
   });
 
-  await expect(component.locator('main')).toHaveScreenshot();
+  await expect(component).toHaveScreenshot();
 });
 
 test('socket error', async({ mount, page, createSocket }) => {
@@ -105,5 +105,5 @@ test('socket error', async({ mount, page, createSocket }) => {
   await socketServer.joinChannel(socket, 'blocks:new_block');
   socket.close();
 
-  await expect(component.locator('main')).toHaveScreenshot();
+  await expect(component).toHaveScreenshot();
 });

ui/pages/Withdrawals.pw.tsx

@@ -26,5 +26,5 @@ test('base view +@mobile', async({ mount, page }) => {
     </TestApp>,
   );
 
-  await expect(component.locator('main')).toHaveScreenshot();
+  await expect(component).toHaveScreenshot();
 });