test(cv-link): add tests for a11y

[halivert]

Contributes to #1538

What did you do?

Add a11y test for CvLink

Why did you do it?

Adding 3 test cases, for simple link, one in disabled state and the other one with an icon

How have you tested it?

Using testing library, the icon one is failing because needs a label, but I'm not sure how to proceed

Notes

I have an idea of naming convention for accessibility tests, maybe we can use the abbreviation, [Component].a11y.spec.js?

Thank you in advance

[davidnixon]

I updated the guidance a bit to add a link to the React storybook. There might be DOM difference for accessibility there that might be helpful in resolving any test issues.

The accessability rules seems to have changed since Carbon 10 was relesed but still it might be helpful to reference the React Carbon 10 Storybook to see if there are difference in the DOM for accessability.

[davidnixon]

I think the test cases can be resolved by adding alt="" to the component

carbon-components-vue/src/components/CvLink/CvLink.vue

Line 17 in 337cb41

<CvSvg v-if="icon" :class="`${carbonPrefix}--link__icon`" :svg="icon" />

[halivert]

Thanks @davidnixon, I wasn't sure if I should update actual component, and I had a lot of work lately, but thanks for your advice 👍🏽
Done in 0d55fcc

[halivert]

Empty alt because it's "an advisory icon of minimal importance"

[davidnixon]

lgtm