test: trim down overly verbose tests

Author: serhalp

test/fixtures/likes-leaderboard.ts

@@ -0,0 +1,23 @@
+import type { LikesLeaderboardEntry } from '#shared/types/social'
+
+export function createLikesLeaderboardEntry(
+  packageName: string,
+  overrides: Partial<LikesLeaderboardEntry> = {},
+): LikesLeaderboardEntry {
+  return {
+    rank: 1,
+    packageName,
+    subjectRef: `https://npmx.dev/package/${packageName}`,
+    totalLikes: 0,
+    packageDescription: null,
+    weeklyDownloads: null,
+    repositoryStars: null,
+    homepagePreviewUrl: null,
+    homepagePreviewWidth: null,
+    homepagePreviewHeight: null,
+    homepageLogoUrl: null,
+    homepageLogoWidth: null,
+    homepageLogoHeight: null,
+    ...overrides,
+  }
+}

test/nuxt/a11y.spec.ts

@@ -4,6 +4,7 @@ import type { VueWrapper } from '@vue/test-utils'
 import 'axe-core'
 import type { AxeResults, RunOptions } from 'axe-core'
 import { afterEach, beforeEach, describe, expect, it, type MockInstance, vi } from 'vitest'
+import { createLikesLeaderboardEntry } from '~~/test/fixtures/likes-leaderboard'
 
 // axe-core is a UMD module that exposes itself as window.axe in the browser
 declare const axe: {
@@ -709,40 +710,15 @@ describe('component accessibility audits', () => {
 
   describe('LikesLeaderboardPage', () => {
     it('should have no accessibility violations when data is available', async () => {
-      // This page remounts the same useFetch source with different mocked responses
-      // across tests, so reset Nuxt's async-data store between cases.
       clearNuxtData()
       registerEndpoint('/api/leaderboard/likes', () => [
-        {
+        createLikesLeaderboardEntry('vue', {
           rank: 1,
-          packageName: 'vue',
-          subjectRef: 'https://npmx.dev/package/vue',
           totalLikes: 120,
-          packageDescription: 'The Progressive JavaScript Framework.',
-          weeklyDownloads: 1200,
-          repositoryStars: 208000,
           homepagePreviewUrl: 'https://images.example.com/vue-home.png',
           homepagePreviewWidth: 1200,
           homepagePreviewHeight: 630,
-          homepageLogoUrl: 'https://images.example.com/vue-logo.svg',
-          homepageLogoWidth: 256,
-          homepageLogoHeight: 256,
-        },
-        {
-          rank: 2,
-          packageName: '@nuxt/kit',
-          subjectRef: 'https://npmx.dev/package/@nuxt/kit',
-          totalLikes: 90,
-          packageDescription: 'Nuxt internals for module authors.',
-          weeklyDownloads: 900,
-          repositoryStars: 59000,
-          homepagePreviewUrl: null,
-          homepagePreviewWidth: null,
-          homepagePreviewHeight: null,
-          homepageLogoUrl: 'https://images.example.com/nuxt-logo.svg',
-          homepageLogoWidth: 256,
-          homepageLogoHeight: 256,
-        },
+        }),
       ])
 
       const component = await mountSuspended(LikesLeaderboardPage, {

test/nuxt/pages/LikesLeaderboardPage.spec.ts

@@ -1,6 +1,7 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { mountSuspended, registerEndpoint } from '@nuxt/test-utils/runtime'
 import type { VueWrapper } from '@vue/test-utils'
+import { createLikesLeaderboardEntry } from '~~/test/fixtures/likes-leaderboard'
 import LikesLeaderboardPage from '~/pages/leaderboard/likes.vue'
 
 describe('likes leaderboard page', () => {
@@ -18,66 +19,30 @@ describe('likes leaderboard page', () => {
 
   it('renders ranked rows from the local leaderboard API', async () => {
     registerEndpoint('/api/leaderboard/likes', () => [
-      {
+      createLikesLeaderboardEntry('vue', {
         rank: 1,
-        packageName: 'vue',
-        subjectRef: 'https://npmx.dev/package/vue',
         totalLikes: 120,
-        packageDescription: 'The Progressive JavaScript Framework.',
-        weeklyDownloads: 1200,
-        repositoryStars: 208000,
         homepagePreviewUrl: 'https://images.example.com/vue-home.png',
         homepagePreviewWidth: 1200,
         homepagePreviewHeight: 630,
-        homepageLogoUrl: 'https://images.example.com/vue-logo.svg',
-        homepageLogoWidth: 256,
-        homepageLogoHeight: 256,
-      },
-      {
+      }),
+      createLikesLeaderboardEntry('@nuxt/kit', {
         rank: 2,
-        packageName: '@nuxt/kit',
-        subjectRef: 'https://npmx.dev/package/@nuxt/kit',
         totalLikes: 90,
-        packageDescription: 'Nuxt internals for module authors.',
-        weeklyDownloads: 900,
-        repositoryStars: 59000,
-        homepagePreviewUrl: null,
-        homepagePreviewWidth: null,
-        homepagePreviewHeight: null,
-        homepageLogoUrl: 'https://images.example.com/nuxt-logo.svg',
-        homepageLogoWidth: 256,
-        homepageLogoHeight: 256,
-      },
-      {
+      }),
+      createLikesLeaderboardEntry('react', {
         rank: 3,
-        packageName: 'react',
-        subjectRef: 'https://npmx.dev/package/react',
         totalLikes: 80,
-        packageDescription: 'The library for web and native user interfaces.',
-        weeklyDownloads: 800,
-        repositoryStars: 230000,
-        homepagePreviewUrl: null,
-        homepagePreviewWidth: null,
-        homepagePreviewHeight: null,
-        homepageLogoUrl: null,
-        homepageLogoWidth: null,
-        homepageLogoHeight: null,
-      },
-      {
+      }),
+      createLikesLeaderboardEntry('svelte', {
         rank: 4,
-        packageName: 'svelte',
-        subjectRef: 'https://npmx.dev/package/svelte',
         totalLikes: 70,
         packageDescription: 'Cybernetically enhanced web apps.',
         weeklyDownloads: 700,
-        repositoryStars: 82000,
-        homepagePreviewUrl: null,
-        homepagePreviewWidth: null,
-        homepagePreviewHeight: null,
         homepageLogoUrl: 'https://images.example.com/svelte-logo.svg',
         homepageLogoWidth: 256,
         homepageLogoHeight: 256,
-      },
+      }),
     ])
 
     wrapper = await mountSuspended(LikesLeaderboardPage, {