chore: tests

Author: Flo0806

test/nuxt/components.spec.ts

@@ -81,6 +81,8 @@ import PackageAccessControls from '~/components/PackageAccessControls.vue'
 import OrgMembersPanel from '~/components/OrgMembersPanel.vue'
 import OrgTeamsPanel from '~/components/OrgTeamsPanel.vue'
 import CodeMobileTreeDrawer from '~/components/CodeMobileTreeDrawer.vue'
+import PackageVulnerabilityTree from '~/components/PackageVulnerabilityTree.vue'
+import DependencyPathPopup from '~/components/DependencyPathPopup.vue'
 
 describe('component accessibility audits', () => {
   describe('DateTime', () => {
@@ -879,4 +881,39 @@ describe('component accessibility audits', () => {
       expect(results.violations).toEqual([])
     })
   })
+
+  describe('PackageVulnerabilityTree', () => {
+    it('should have no accessibility violations in idle state', async () => {
+      const component = await mountSuspended(PackageVulnerabilityTree, {
+        props: {
+          packageName: 'vue',
+          version: '3.5.0',
+        },
+      })
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+  })
+
+  describe('DependencyPathPopup', () => {
+    it('should have no accessibility violations with short path', async () => {
+      const component = await mountSuspended(DependencyPathPopup, {
+        props: {
+          path: ['root@1.0.0', 'vuln-dep@2.0.0'],
+        },
+      })
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+
+    it('should have no accessibility violations with deep path', async () => {
+      const component = await mountSuspended(DependencyPathPopup, {
+        props: {
+          path: ['root@1.0.0', 'dep-a@1.0.0', 'dep-b@2.0.0', 'dep-c@3.0.0', 'vulnerable-pkg@4.0.0'],
+        },
+      })
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+  })
 })