fix: load logo (#3471)

fix: load logo

- update usage of vite load response

Closes #3470

.circleci/config.yml

@@ -239,6 +239,8 @@ jobs:
             npx playwright test --config e2e e2e/tests
       - store_test_results:
          path: /root/project/e2e
+      - store_artifacts:
+          path: /root/project/e2e/test-results
 
 
   delete-helm-preview:

apps/nuxt3-ssr/components/Logo.vue

@@ -20,7 +20,8 @@ if (logoFileName) {
   <NuxtLink :to="link" class="transition-transform hover:scale-105">
     <span class="sr-only">Go to home</span>
 
-    <i v-if="svg" v-html="svg"></i>
+    <i v-if="svg" v-html="svg.default"></i>
+
     <img
       v-else-if="image"
       :src="image"

apps/nuxt3-ssr/components/LogoMobile.vue

@@ -25,7 +25,7 @@ if (logoFileName) {
       height="50"
       style="background-color: white"
     />
-    <i v-else-if="svg" v-html="svg"></i>
+    <i v-else-if="svg" v-html="svg.default"></i>
     <img
       v-else
       class="w-50px h-auto"

e2e/playwright.config.ts

@@ -32,6 +32,8 @@ export default defineConfig({
     trace: 'on-first-retry',
   },
 
+  snapshotPathTemplate: '__screenshots__/{testFilePath}/{arg}{ext}',
+
   /* Configure projects for major browsers */
   projects: [
     {

e2e/tests/catalogue/should-show-the-alt-logo.spec.ts

@@ -0,0 +1,7 @@
+import { test, expect } from '@playwright/test';
+
+test('should show the alt logo', async ({ page }) => {
+  await page.goto('/catalogue-demo/ssr-catalogue/?logo=UMCGkort.woordbeeld');
+  await page.getByRole('button', { name: 'Accept' }).click();
+  await expect(page).toHaveScreenshot({clip: {x: 0, y: 0, width: 200, height: 100}, threshold: 0.4});
+});

e2e/tests/catalogue/show-landing-page.spec.ts

@@ -1,6 +1,6 @@
 import { test, expect } from '@playwright/test';
 
 test('test', async ({ page }) => {
-  await page.goto('catalogue-demo/ssr-catalogue/');
+  await page.goto('/catalogue-demo/ssr-catalogue/');
   await expect(page.getByRole('heading', { name: 'European Health Research Data' })).toBeVisible();
 });