fix: add unit tests

Author: graphieros

app/utils/frameworks.ts

@@ -1,3 +1,9 @@
+export type ShowcasedFramework = {
+  name: string
+  package: string
+  color: string
+}
+
 export const SHOWCASED_FRAMEWORKS = [
   {
     name: 'nuxt',
@@ -47,12 +53,12 @@ export const SHOWCASED_FRAMEWORKS = [
   },
 ]
 
-export type ShowcasedFramework = (typeof SHOWCASED_FRAMEWORKS)[number]['package']
+export type FrameworkPackageName = (typeof SHOWCASED_FRAMEWORKS)[number]['package']
 
-export function getFrameworkColor(framework: ShowcasedFramework): string {
+export function getFrameworkColor(framework: FrameworkPackageName): string {
   return SHOWCASED_FRAMEWORKS.find(f => f.package === framework)!.color
 }
 
-export function isListedFramework(name: string): name is ShowcasedFramework {
+export function isListedFramework(name: string): name is FrameworkPackageName {
   return SHOWCASED_FRAMEWORKS.some(f => f.package === name)
 }

test/unit/app/utils/frameworks.spec.ts

@@ -0,0 +1,27 @@
+import { describe, expect, it } from 'vitest'
+import {
+  SHOWCASED_FRAMEWORKS,
+  getFrameworkColor,
+  isListedFramework,
+  type ShowcasedFramework,
+} from '../../../../app/utils/frameworks'
+
+describe('getFrameworkColor', () => {
+  it('returns the color a listed framework', () => {
+    SHOWCASED_FRAMEWORKS.forEach((framework: ShowcasedFramework) => {
+      expect(getFrameworkColor(framework.package)).toBe(framework.color)
+    })
+  })
+})
+
+describe('isListedFramework', () => {
+  it('returns true for a listed framework', () => {
+    SHOWCASED_FRAMEWORKS.forEach((framework: ShowcasedFramework) => {
+      expect(isListedFramework(framework.package)).toBe(true)
+    })
+  })
+
+  it('returns false for non listed frameworks', () => {
+    expect(isListedFramework('leftpad')).toBe(false)
+  })
+})