update screenshots

ui/marketplace/MarketplaceAppModal.pw.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 import type { MarketplaceAppWithSecurityReport } from 'types/client/marketplace';
 
 import { apps as appsMock } from 'mocks/apps/apps';
+import { securityReports as securityReportsMock } from 'mocks/apps/securityReports';
 import { test, expect, devices } from 'playwright/lib';
 
 import MarketplaceAppModal from './MarketplaceAppModal';
@@ -11,7 +12,10 @@ const props = {
   onClose: () => {},
   onFavoriteClick: () => {},
   showContractList: () => {},
-  data: appsMock[0] as MarketplaceAppWithSecurityReport,
+  data: {
+    ...appsMock[0],
+    securityReport: securityReportsMock[0].chainsData['1'],
+  } as MarketplaceAppWithSecurityReport,
   isFavorite: false,
 };
 

ui/pages/Marketplace.pw.tsx

@@ -7,13 +7,16 @@ import { test, expect, devices } from 'playwright/lib';
 import Marketplace from './Marketplace';
 
 const MARKETPLACE_CONFIG_URL = 'http://localhost/marketplace-config.json';
+const MARKETPLACE_SECURITY_REPORTS_URL = 'https://marketplace-security-reports.json';
 
 test.beforeEach(async({ mockConfigResponse, mockEnvs, mockAssetResponse }) => {
   await mockEnvs([
     [ 'NEXT_PUBLIC_MARKETPLACE_ENABLED', 'true' ],
     [ 'NEXT_PUBLIC_MARKETPLACE_CONFIG_URL', MARKETPLACE_CONFIG_URL ],
+    [ 'NEXT_PUBLIC_MARKETPLACE_SECURITY_REPORTS_URL', MARKETPLACE_SECURITY_REPORTS_URL ],
   ]);
   await mockConfigResponse('NEXT_PUBLIC_MARKETPLACE_CONFIG_URL', MARKETPLACE_CONFIG_URL, JSON.stringify(appsMock));
+  await mockConfigResponse('NEXT_PUBLIC_MARKETPLACE_SECURITY_REPORTS_URL', MARKETPLACE_SECURITY_REPORTS_URL, JSON.stringify(securityReportsMock));
   await Promise.all(appsMock.map(app => mockAssetResponse(app.logo, './playwright/mocks/image_s.jpg')));
 });
 
@@ -46,18 +49,6 @@ test('with banner +@dark-mode', async({ render, mockEnvs, mockConfigResponse })
   await expect(component).toHaveScreenshot();
 });
 
-test('with scores +@dark-mode', async({ render, mockConfigResponse, mockEnvs }) => {
-  const MARKETPLACE_SECURITY_REPORTS_URL = 'https://marketplace-security-reports.json';
-  await mockEnvs([
-    [ 'NEXT_PUBLIC_MARKETPLACE_SECURITY_REPORTS_URL', MARKETPLACE_SECURITY_REPORTS_URL ],
-  ]);
-  await mockConfigResponse('NEXT_PUBLIC_MARKETPLACE_SECURITY_REPORTS_URL', MARKETPLACE_SECURITY_REPORTS_URL, JSON.stringify(securityReportsMock));
-  const component = await render(<Marketplace/>);
-  await component.getByText('Apps scores').click();
-
-  await expect(component).toHaveScreenshot();
-});
-
 // I had a memory error while running tests in GH actions
 // separate run for mobile tests fixes it
 test.describe('mobile', () => {
@@ -91,16 +82,4 @@ test.describe('mobile', () => {
 
     await expect(component).toHaveScreenshot();
   });
-
-  test('with scores', async({ render, mockConfigResponse, mockEnvs }) => {
-    const MARKETPLACE_SECURITY_REPORTS_URL = 'https://marketplace-security-reports.json';
-    await mockEnvs([
-      [ 'NEXT_PUBLIC_MARKETPLACE_SECURITY_REPORTS_URL', MARKETPLACE_SECURITY_REPORTS_URL ],
-    ]);
-    await mockConfigResponse('NEXT_PUBLIC_MARKETPLACE_SECURITY_REPORTS_URL', MARKETPLACE_SECURITY_REPORTS_URL, JSON.stringify(securityReportsMock));
-    const component = await render(<Marketplace/>);
-    await component.getByText('Apps scores').click();
-
-    await expect(component).toHaveScreenshot();
-  });
 });