nuxt upgrade to 3.17.5 (#201)

* nuxt upgrade

* fix pipeline

* other fixes

Signed-off-by: Piotr Karpala <[email protected]>

---------

Signed-off-by: Piotr Karpala <[email protected]>

Author: pkarpala-microsoft

.github/workflows/playwright.yml

@@ -39,7 +39,12 @@ jobs:
     - name: Run Vite tests
       run: CI=true npm test
     - name: Run Playwright tests
-      run: CI=true RUN_COMMAND='npm run preview' npm run test:e2e
+      run: |
+          CI=true \
+          NUXT_SESSION_PASSWORD=foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo \
+          NUXT_PUBLIC_GITHUB_ORG=octodemo \
+          NUXT_PUBLIC_IS_DATA_MOCKED=true \
+          RUN_COMMAND='npm run preview' npm run test:e2e
     - uses: actions/upload-artifact@v4
       if: ${{ !cancelled() }}
       with:
@@ -65,6 +70,8 @@ jobs:
           docker run --rm --name playwright \
           -v $(pwd)/test-results-docker:/test-results \
           -e NUXT_SESSION_PASSWORD=foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo-foo \
+          -e NUXT_PUBLIC_GITHUB_ORG=octodemo \
+          -e NUXT_PUBLIC_IS_DATA_MOCKED=true \
           app:pw
     - uses: actions/upload-artifact@v4
       if: always()

.gitignore

@@ -26,4 +26,5 @@ logs
 # Playwright
 playwright-report
 playwright-logs
-test-results
+test-results
+results.xml

Dockerfile

@@ -37,6 +37,8 @@ RUN echo '#!/bin/sh' > /entrypoint.sh && \
     echo 'export NUXT_PUBLIC_GITHUB_TEAM=${NUXT_PUBLIC_GITHUB_TEAM:-$VUE_APP_GITHUB_TEAM}' >> /entrypoint.sh && \
     echo 'export NUXT_GITHUB_TOKEN=${NUXT_GITHUB_TOKEN:-$VUE_APP_GITHUB_TOKEN}' >> /entrypoint.sh && \
     echo 'export NUXT_SESSION_PASSWORD=${NUXT_SESSION_PASSWORD:-$SESSION_SECRET$SESSION_SECRET$SESSION_SECRET$SESSION_SECRET}' >> /entrypoint.sh && \
+    # in case SESSION_SECRET is not set, use NUXT_GITHUB_TOKEN as a fallback
+    echo 'export NUXT_SESSION_PASSWORD=${NUXT_SESSION_PASSWORD:-$NUXT_GITHUB_TOKEN$NUXT_GITHUB_TOKEN}' >> /entrypoint.sh && \
     echo 'export NUXT_OAUTH_GITHUB_CLIENT_ID=${NUXT_OAUTH_GITHUB_CLIENT_ID:-$GITHUB_CLIENT_ID}' >> /entrypoint.sh && \
     echo 'export NUXT_OAUTH_GITHUB_CLIENT_SECRET=${NUXT_OAUTH_GITHUB_CLIENT_SECRET:-$GITHUB_CLIENT_SECRET}' >> /entrypoint.sh && \
     # Conditionally set NUXT_PUBLIC_USING_GITHUB_AUTH if GITHUB_CLIENT_ID is provided

app/components/MainComponent.vue

@@ -151,6 +151,9 @@ export default defineNuxtComponent({
           case 404:
             apiError.value = `404 Not Found - is the ${config.public.scope || ''} org:"${config.public.githubOrg || ''}" ent:"${config.public.githubEnt || ''}" team:"${config.public.githubTeam}" correct? ${error.message}`;
             break;
+          case 422:
+            apiError.value = `422 Unprocessable Entity - Is the Copilot Metrics API enabled for the Org/Ent? ${error.message}`;
+            break;
           case 500:
             apiError.value = `500 Internal Server Error - most likely a bug in the app. Error: ${error.message}`;
             break;

e2e-tests/copilot.ent.spec.ts

@@ -7,7 +7,7 @@ let dashboard: DashboardPage;
 
 test.beforeAll(async ({ browser }) => {
   const page = await browser.newPage();
-  await page.goto('/enterprises/octo-demo-ent');
+  await page.goto('/enterprises/octo-demo-ent?mock=true');
 
   dashboard = new DashboardPage(page);
 

e2e-tests/copilot.org.spec.ts

@@ -7,7 +7,7 @@ let dashboard: DashboardPage;
 
 test.beforeAll(async ({ browser }) => {
   const page = await browser.newPage();
-  await page.goto('/orgs/octo-demo-org');
+  await page.goto('/orgs/octo-demo-org?mock=true');
 
   dashboard = new DashboardPage(page);
 

e2e-tests/copilot.team.spec.ts

@@ -7,7 +7,7 @@ let dashboard: DashboardPage;
 
 test.beforeAll(async ({ browser }) => {
   const page = await browser.newPage();
-  await page.goto('/orgs/octo-demo-org/teams/the-a-team');
+  await page.goto('/orgs/octo-demo-org/teams/the-a-team?mock=true');
 
   dashboard = new DashboardPage(page);
 

e2e-tests/metrics.spec.ts

@@ -4,9 +4,9 @@ import { DashboardPage } from './pages/DashboardPage';
 const tag = { tag: ['@ent', '@org', '@team'] };
 
 [
-    { name: 'Teams', url: '/orgs/octodemo-org/teams/the-a-team' },
-    { name: 'Orgs', url: '/orgs/octodemo-org' },
-    { name: 'Enterprises', url: '/enterprises/octo-enterprise' },
+    { name: 'Teams', url: '/orgs/octodemo-org/teams/the-a-team?mock=true' },
+    { name: 'Orgs', url: '/orgs/octodemo-org?mock=true' },
+    { name: 'Enterprises', url: '/enterprises/octo-enterprise?mock=true' },
 ].forEach(({ name, url }) => {
 
     test.describe('tests for ' + name, () => {