add test for marketplace with security scores

mocks/apps/securityReports.ts

+export const securityReports = [
+  {
+    appName: 'token-approval-tracker',
+    doc: 'http://docs.li.fi/smart-contracts/deployments#mainnet',
+    chainsData: {
+      '1': {
+        overallInfo: {
+          verifiedNumber: 1,
+          totalContractsNumber: 1,
+          solidityScanContractsNumber: 1,
+          securityScore: 87.5,
+          issueSeverityDistribution: {
+            critical: 4,
+            gas: 1,
+            high: 0,
+            informational: 4,
+            low: 2,
+            medium: 0,
+          },
+        },
+        contractsData: [
+          {
+            address: '0x1231DEB6f5749EF6cE6943a275A1D3E7486F4EaE',
+            isVerified: true,
+            solidityScanReport: {
+              connection_id: '',
+              contract_address: '0x1231DEB6f5749EF6cE6943a275A1D3E7486F4EaE',
+              contract_chain: 'optimism',
+              contract_platform: 'blockscout',
+              contract_url: 'http://optimism.blockscout.com/address/0x1231DEB6f5749EF6cE6943a275A1D3E7486F4EaE',
+              contractname: 'LiFiDiamond',
+              is_quick_scan: true,
+              node_reference_id: null,
+              request_type: 'threat_scan',
+              scanner_reference_url: 'http://solidityscan.com/quickscan/0x1231DEB6f5749EF6cE6943a275A1D3E7486F4EaE/blockscout/eth?ref=blockscout',
+              scan_status: 'scan_done',
+              scan_summary: {
+                issue_severity_distribution: {
+                  critical: 0,
+                  gas: 1,
+                  high: 0,
+                  informational: 4,
+                  low: 2,
+                  medium: 0,
+                },
+                lines_analyzed_count: 72,
+                scan_time_taken: 1,
+                score: '4.38',
+                score_v2: '87.50',
+                threat_score: '100.00',
+              },
+            },
+          },
+        ],
+      },
+    },
+  },
+];

ui/pages/Marketplace.pw.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 
 import { buildExternalAssetFilePath } from 'configs/app/utils';
 import { apps as appsMock } from 'mocks/apps/apps';
+import { securityReports as securityReportsMock } from 'mocks/apps/securityReports';
 import contextWithEnvs from 'playwright/fixtures/contextWithEnvs';
 import TestApp from 'playwright/TestApp';
 import * as app from 'playwright/utils/app';
@@ -10,6 +11,8 @@ import * as app from 'playwright/utils/app';
 import Marketplace from './Marketplace';
 
 const MARKETPLACE_CONFIG_URL = app.url + buildExternalAssetFilePath('NEXT_PUBLIC_MARKETPLACE_CONFIG_URL', 'https://marketplace-config.json') || '';
+const MARKETPLACE_SECURITY_REPORTS_URL =
+  app.url + buildExternalAssetFilePath('NEXT_PUBLIC_MARKETPLACE_SECURITY_REPORTS_URL', 'https://marketplace-security-reports.json') || '';
 
 const test = base.extend({
   context: contextWithEnvs([
@@ -41,3 +44,43 @@ test('base view +@mobile +@dark-mode', async({ mount, page }) => {
 
   await expect(component).toHaveScreenshot();
 });
+
+const testWithScoreFeature = test.extend({
+  context: contextWithEnvs([
+    { name: 'NEXT_PUBLIC_MARKETPLACE_CONFIG_URL', value: MARKETPLACE_CONFIG_URL },
+    { name: 'NEXT_PUBLIC_MARKETPLACE_SECURITY_REPORTS_URL', value: MARKETPLACE_SECURITY_REPORTS_URL },
+    { name: 'pw_feature:security_score_exp', value: 'true' },
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  ]) as any,
+});
+
+testWithScoreFeature('with scores +@mobile +@dark-mode', async({ mount, page }) => {
+  await page.route(MARKETPLACE_CONFIG_URL, (route) => route.fulfill({
+    status: 200,
+    body: JSON.stringify(appsMock),
+  }));
+
+  await page.route(MARKETPLACE_SECURITY_REPORTS_URL, (route) => route.fulfill({
+    status: 200,
+    body: JSON.stringify(securityReportsMock),
+  }));
+
+  await Promise.all(appsMock.map(app =>
+    page.route(app.logo, (route) =>
+      route.fulfill({
+        status: 200,
+        path: './playwright/mocks/image_s.jpg',
+      }),
+    ),
+  ));
+
+  const component = await mount(
+    <TestApp>
+      <Marketplace/>
+    </TestApp>,
+  );
+
+  await component.getByText('Apps scores').click();
+
+  await expect(component).toHaveScreenshot();
+});