Properly-structured SVG incorrectly fails svg-img-alt

Expectation: SVG with a <title/> child element should pass test.

Actual: Failure cites lack of a <title/> child element when one exists.

axe-core version: 4.0.2
jest-axe: 4.0.0

- Node version: v12.16.1
- Platform:  Mac

SVG element markup:

<svg role="img">
    <title>Accessible title</title>
    <path d="M4,2 C4,3.104 3.104,4 2,4 C0.896,4 0,3.104 0,2 C0,0.896 0.896,0 2,0 C3.104,0 4,0.896 4,2" />
</svg>

[straker]

It seems the issue is with jsdom and setting the svg title node to always be display: none. I have filed an issue with jsdom.

[sevenfour]

In case this is still relevant and could be useful (since the jsdom issue #3064 seems to be still opened), the temporary workaround by following @straker’s PR might be adding the following to the global Jest config:

window.document.head.insertAdjacentHTML('beforeend', `<style>svg title { display: inline; }</style>`);