no-aria-hidden-on-focusable.test.ts

import rule from '../no-aria-hidden-on-focusable';
import makeRuleTester from "./makeRuleTester";

makeRuleTester('no-presentation-role-or-aria-hidden-on-focusable', rule, {
    valid: [
        "<button>Submit</button>",
        "<div aria-hidden='true'><button tabindex='-1'>Some text</button></div>",
        "<div><button>Submit</button></div>",
        "<a href='#' tabindex='-1'>link</a>",
        "<button tabindex='-1' aria-hidden='true'>Press</button>",
        "<div aria-hidden='true'><a href='#' tabindex='-1'>Link</a></div>"
    ],
    invalid: [
        {
            code: "<div aria-hidden='true'><button>Submit</button></div>",
            errors: [{messageId: "default"}]
        },
        {
            code: "<button type='button' aria-hidden='true'>Submit</button>",
            errors: [{messageId: "default"}]
        },
        {
            code: "<a href='#' aria-hidden='true'>Link</a>",
            errors: [{messageId: "default"}]
        },
        {
            code: "<span tabindex='0' aria-hidden='true'><em>Icon</em></span>",
            errors: [{messageId: "default"}]
        }
    ]
})