test: clean up vitest output (#738)

Author: danielroe

app/components/Header/AuthModal.client.vue

@@ -87,7 +87,7 @@ async function handleLogin() {
             {{ $t('auth.modal.what_is_atmosphere') }}
           </summary>
           <div class="mt-3">
-            <i18n-t keypath="auth.modal.atmosphere_explanation" tag="p">
+            <i18n-t keypath="auth.modal.atmosphere_explanation" tag="p" scope="global">
               <template #npmx>
                 <span class="font-bold">npmx.dev</span>
               </template>

app/components/Header/ConnectorModal.vue

@@ -88,7 +88,7 @@ function handleDisconnect() {
             {{ $t('connector.modal.contributor_badge') }}
           </span>
           <p class="text-sm text-fg-muted">
-            <i18n-t keypath="connector.modal.contributor_notice">
+            <i18n-t keypath="connector.modal.contributor_notice" scope="global">
               <template #link>
                 <a
                   href="https://github.com/npmx-dev/npmx.dev/blob/main/CONTRIBUTING.md#local-connector-cli"

app/components/Package/SkillsModal.vue

@@ -95,7 +95,12 @@ function getWarningTooltip(skill: SkillListItem): string | undefined {
       v-if="selectedMethod === 'skills-npm'"
       class="flex items-center justify-between gap-2 px-3 py-2.5 sm:px-4 bg-bg-subtle border border-border rounded-lg mb-5"
     >
-      <i18n-t keypath="package.skills.compatible_with" tag="span" class="text-sm text-fg-muted">
+      <i18n-t
+        keypath="package.skills.compatible_with"
+        tag="span"
+        class="text-sm text-fg-muted"
+        scope="global"
+      >
         <template #tool>
           <code class="font-mono text-fg">skills-npm</code>
         </template>

test/nuxt/a11y.spec.ts

@@ -1706,7 +1706,9 @@ describe('component accessibility audits', () => {
   describe('Readme', () => {
     it('should have no accessibility violations with slot content', async () => {
       const component = await mountSuspended(Readme, {
-        slots: { default: '<h3>README</h3><p>Some content</p>' },
+        props: {
+          html: '<h3>README</h3><p>Some content</p>',
+        },
       })
       const results = await runAxe(component)
       expect(results.violations).toEqual([])

test/unit/cli/server.spec.ts

@@ -1,7 +1,13 @@
-import { describe, expect, it } from 'vitest'
+import { describe, expect, it, vi } from 'vitest'
 import { createConnectorApp } from '../../../cli/src/server.ts'
 
 const TEST_TOKEN = 'test-token-123'
+vi.mock('../../../cli/src/logger.ts', () => {
+  return {
+    logError: () => {},
+    logDebug: () => {},
+  }
+})
 
 describe('connector server', () => {
   describe('GET /team/:scopeTeam/users', () => {

test/unit/server/utils/dependency-analysis.spec.ts

@@ -76,6 +76,10 @@ describe('dependency-analysis', () => {
     })
 
     it('tracks failed queries when OSV batch API fails', async () => {
+      // Suppress expected console output from error path
+      vi.spyOn(console, 'warn').mockImplementation(() => {})
+      vi.spyOn(console, 'error').mockImplementation(() => {})
+
       const mockResolved = new Map([
         [
           'test-pkg@1.0.0',

vitest.config.ts

@@ -31,16 +31,20 @@ export default defineConfig({
               rootDir: fileURLToPath(new URL('.', import.meta.url)),
               overrides: {
                 experimental: {
+                  payloadExtraction: false,
                   viteEnvironmentApi: false,
                 },
+                pwa: {
+                  pwaAssets: { disabled: true },
+                },
                 ogImage: { enabled: false },
               },
             },
           },
           browser: {
             enabled: true,
             provider: playwright(),
-            instances: [{ browser: 'chromium' }],
+            instances: [{ browser: 'chromium', headless: true }],
           },
         },
       }),