add test for app info dropdown

mocks/apps/apps.ts

@@ -11,6 +11,9 @@ export const apps = [
     description: 'Hop is a scalable rollup-to-rollup general token bridge. It allows users to send tokens from one rollup or sidechain to another almost immediately without having to wait for the networks challenge period.',
     external: true,
     url: 'https://goerli.hop.exchange/send?token=ETH&sourceNetwork=ethereum',
+    github: [ 'https://github.com/hop-protocol/hop', 'https://github.com/hop-protocol/hop-ui' ],
+    discord: 'https://discord.gg/hopprotocol',
+    twitter: 'https://twitter.com/HopProtocol',
   },
   {
     author: 'Blockscout',

ui/marketplace/MarketplaceAppInfo.pw.tsx

+import { test, expect, devices } from '@playwright/experimental-ct-react';
+import React from 'react';
+
+import { apps as appsMock } from 'mocks/apps/apps';
+import TestApp from 'playwright/TestApp';
+
+import MarketplaceAppInfo from './MarketplaceAppInfo';
+
+test('base view +@dark-mode', async({ mount, page }) => {
+  await mount(
+    <TestApp>
+      <MarketplaceAppInfo data={ appsMock[0] }/>
+    </TestApp>,
+  );
+
+  await page.getByText('Info').click();
+
+  await expect(page).toHaveScreenshot({ clip: { x: 0, y: 0, width: 500, height: 400 } });
+});
+
+test.describe('mobile', () => {
+  test.use({ viewport: devices['iPhone 13 Pro'].viewport });
+
+  test('base view', async({ mount, page }) => {
+    await mount(
+      <TestApp>
+        <MarketplaceAppInfo data={ appsMock[0] }/>
+      </TestApp>,
+    );
+
+    await page.getByText('Info').click();
+
+    await expect(page).toHaveScreenshot();
+  });
+});