Snippet to display data-qa attributes on a site

showDataQa.js

const cssText = `
    [data-qa] {
        outline: 1px solid #E91E63 !important;
    }
    [data-qa]:hover {
        outline: 2px solid #E91E63 !important;
    }
    [data-qa]:hover:before {
        display: block;
        white-space: nowrap;
        content: attr(data-qa);
        display: block;
        position: absolute;
        z-index: 2000;
        height: 20px;
        line-height: 20px;
        padding: 5px;
        background-color: #E91E63;
        color: white;
        font-size: 10px;
        transform: translateY(-100%);
    }
`;
const css = document.createElement('style');
css.type = 'text/css';
css.textContent = cssText;
document.body.appendChild(css);