test for token page

ui/pages/Token.pw.tsx

 import { test as base, expect, devices } from '@playwright/experimental-ct-react';
 import React from 'react';
 
+import * as verifiedAddressesMocks from 'mocks/account/verifiedAddresses';
 import { token as contract } from 'mocks/address/address';
 import { tokenInfo, tokenCounters } from 'mocks/tokens/tokenInfo';
 import * as socketServer from 'playwright/fixtures/socketServer';
@@ -70,6 +71,28 @@ test('base view', async({ mount, page, createSocket }) => {
   await expect(component.locator('main')).toHaveScreenshot();
 });
 
+test('with verified info', async({ mount, page, createSocket }) => {
+  const VERIFIED_INFO_URL = buildApiUrl('token_verified_info', { chainId: '99', hash: '1' }, true);
+  await page.route(VERIFIED_INFO_URL, (route) => route.fulfill({
+    body: JSON.stringify(verifiedAddressesMocks.TOKEN_INFO_APPLICATION.APPROVED),
+  }));
+
+  const component = await mount(
+    <TestApp withSocket>
+      <Token/>
+    </TestApp>,
+    { hooksConfig },
+  );
+
+  const socket = await createSocket();
+  const channel = await socketServer.joinChannel(socket, 'tokens:1');
+  socketServer.sendMessage(socket, channel, 'total_supply', { total_supply: 10 ** 20 });
+
+  await insertAdPlaceholder(page);
+
+  await expect(component.locator('main')).toHaveScreenshot();
+});
+
 test.describe('mobile', () => {
   test.use({ viewport: devices['iPhone 13 Pro'].viewport });
   test('base view', async({ mount, page, createSocket }) => {
@@ -88,4 +111,26 @@ test.describe('mobile', () => {
 
     await expect(component.locator('main')).toHaveScreenshot();
   });
+
+  test('with verified info', async({ mount, page, createSocket }) => {
+    const VERIFIED_INFO_URL = buildApiUrl('token_verified_info', { chainId: '99', hash: '1' }, true);
+    await page.route(VERIFIED_INFO_URL, (route) => route.fulfill({
+      body: JSON.stringify(verifiedAddressesMocks.TOKEN_INFO_APPLICATION.APPROVED),
+    }));
+
+    const component = await mount(
+      <TestApp withSocket>
+        <Token/>
+      </TestApp>,
+      { hooksConfig },
+    );
+
+    const socket = await createSocket();
+    const channel = await socketServer.joinChannel(socket, 'tokens:1');
+    socketServer.sendMessage(socket, channel, 'total_supply', { total_supply: 10 ** 20 });
+
+    await insertAdPlaceholder(page);
+
+    await expect(component.locator('main')).toHaveScreenshot();
+  });
 });