@@ -271,6 +271,9 @@ import FacetScatterChart from '~/components/Compare/FacetScatterChart.vue'
271271import PackageLikeCard from '~/components/Package/LikeCard.vue'
272272import SizeIncrease from '~/components/Package/SizeIncrease.vue'
273273import Likes from '~/components/Package/Likes.vue'
274+ import AccountItem from '~/components/AccountItem.vue'
275+ import LinkedAccounts from '~/components/LinkedAccounts.vue'
276+ import ProfileHeader from '~/components/ProfileHeader.vue'
274277import type { VueUiXyDatasetItem } from 'vue-data-ui'
275278
276279describe ( 'component accessibility audits' , ( ) => {
@@ -904,6 +907,66 @@ describe('component accessibility audits', () => {
904907 } )
905908 } )
906909
910+ describe ( 'ProfileHeader' , ( ) => {
911+ it ( 'should have no accessibility violations with profile data' , async ( ) => {
912+ const component = await mountSuspended ( ProfileHeader , {
913+ props : {
914+ profile : {
915+ name : 'npmx Team' ,
916+ avatar : 'https://api.dicebear.com/9.x/shapes/svg?seed=npmx' ,
917+ description : 'Open source maintainers' ,
918+ } ,
919+ } ,
920+ } )
921+ const results = await runAxe ( component )
922+ expect ( results . violations ) . toEqual ( [ ] )
923+ } )
924+ } )
925+
926+ describe ( 'LinkedAccounts' , ( ) => {
927+ it ( 'should have no accessibility violations with account list' , async ( ) => {
928+ const component = await mountSuspended ( LinkedAccounts , {
929+ props : {
930+ accounts : [
931+ {
932+ platform : 'github' ,
933+ username : 'npmx-dev' ,
934+ displayName : 'npmx-dev' ,
935+ status : 'verified' ,
936+ proofMethod : 'github' ,
937+ addedAt : '2026-04-01T10:00:00.000Z' ,
938+ lastCheckedAt : '2026-04-21T10:00:00.000Z' ,
939+ url : 'https://github.com/npmx-dev' ,
940+ } ,
941+ ] ,
942+ } ,
943+ } )
944+ const results = await runAxe ( component )
945+ expect ( results . violations ) . toEqual ( [ ] )
946+ } )
947+ } )
948+
949+ describe ( 'AccountItem' , ( ) => {
950+ it ( 'should have no accessibility violations' , async ( ) => {
951+ const component = await mountSuspended ( AccountItem , {
952+ props : {
953+ account : {
954+ platform : 'github' ,
955+ username : 'npmx-dev' ,
956+ displayName : 'npmx-dev' ,
957+ status : 'verified' ,
958+ proofMethod : 'github' ,
959+ addedAt : '2026-04-01T10:00:00.000Z' ,
960+ lastCheckedAt : '2026-04-21T10:00:00.000Z' ,
961+ url : 'https://github.com/npmx-dev' ,
962+ } ,
963+ } ,
964+ } )
965+ const results = await runAxe ( component )
966+ expect ( results . violations ) . toEqual ( [ ] )
967+ } )
968+ } )
969+
907970 describe ( 'PackageHeader' , ( ) => {
908971 it ( 'should have no accessibility violations' , async ( ) => {
909972 const component = await mountSuspended ( PackageHeader , {
0 commit comments