test: add MetricsBadges component test

Author: gameroman

…/nuxt/components/PackageLikeCard.spec.ts …nuxt/components/Package/LikeCard.spec.tstest/nuxt/components/PackageLikeCard.spec.ts renamed to test/nuxt/components/Package/LikeCard.spec.ts test/nuxt/components/PackageLikeCard.spec.ts renamed to test/nuxt/components/Package/LikeCard.spec.ts

@@ -0,0 +1,47 @@
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import { mountSuspended } from '@nuxt/test-utils/runtime'
+import type { VueWrapper } from '@vue/test-utils'
+import { ref } from 'vue'
+import PackageMetricsBadges from '~/components/Package/MetricsBadges.vue'
+
+const mockUsePackageAnalysis = vi.fn()
+
+vi.mock('~/composables/usePackageAnalysis', () => ({
+  usePackageAnalysis: mockUsePackageAnalysis,
+}))
+
+describe('PackageMetricsBadges', () => {
+  let wrapper: VueWrapper
+
+  afterEach(() => wrapper?.unmount())
+
+  it('renders the badges', async () => {
+    mockUsePackageAnalysis.mockReturnValue({
+      data: ref({ moduleFormat: 'dual', types: { kind: 'included' } }),
+      status: ref('success'),
+    })
+
+    wrapper = await mountSuspended(PackageMetricsBadges, {
+      props: { packageName: 'test-pkg' },
+    })
+
+    const text = wrapper.text()
+    expect(text).toContain('Types')
+    expect(text).toContain('ESM')
+    expect(text).toContain('CJS')
+  })
+
+  it('renders the wasm label', async () => {
+    mockUsePackageAnalysis.mockReturnValue({
+      data: ref({ moduleFormat: 'wasm' }),
+      status: ref('success'),
+    })
+
+    wrapper = await mountSuspended(PackageMetricsBadges, {
+      props: { packageName: 'wasm-pkg' },
+    })
+
+    const text = wrapper.text()
+    expect(text).toContain('WASM')
+  })
+})