update tests

ui/marketplace/MarketplaceAppModal.pw.tsx

@@ -15,6 +15,7 @@ const props = {
   data: {
     ...appsMock[0],
     securityReport: securityReportsMock[0].chainsData['1'],
+    rating: 4.3,
   } as MarketplaceAppWithSecurityReport,
   isFavorite: false,
   userRating: undefined,
@@ -24,9 +25,14 @@ const props = {
   canRate: undefined,
 };
 
-const testFn: Parameters<typeof test>[1] = async({ render, page, mockAssetResponse }) => {
+const testFn: Parameters<typeof test>[1] = async({ render, page, mockAssetResponse, mockEnvs }) => {
+  await mockEnvs([
+    [ 'NEXT_PUBLIC_MARKETPLACE_RATING_AIRTABLE_API_KEY', 'test' ],
+    [ 'NEXT_PUBLIC_MARKETPLACE_RATING_AIRTABLE_BASE_ID', 'test' ],
+  ]);
   await mockAssetResponse(appsMock[0].logo, './playwright/mocks/image_s.jpg');
   await render(<MarketplaceAppModal { ...props }/>);
+  await page.getByText('Launch app').focus();
   await expect(page).toHaveScreenshot();
 };
 

ui/pages/Marketplace.pw.tsx

@@ -9,15 +9,28 @@ 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 }) => {
+test.beforeEach(async({ mockConfigResponse, mockEnvs, mockAssetResponse, page }) => {
   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 ],
+    [ 'NEXT_PUBLIC_MARKETPLACE_RATING_AIRTABLE_API_KEY', 'test' ],
+    [ 'NEXT_PUBLIC_MARKETPLACE_RATING_AIRTABLE_BASE_ID', 'test' ],
   ]);
   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')));
+  await page.route('https://api.airtable.com/v0/test/apps_ratings?fields%5B%5D=appId&fields%5B%5D=rating', (route) => route.fulfill({
+    status: 200,
+    body: JSON.stringify({
+      records: [ {
+        fields: {
+          appId: appsMock[0].id,
+          rating: 4.3,
+        },
+      } ],
+    }),
+  }));
 });
 
 test('base view +@dark-mode', async({ render }) => {