mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
7a18e717d8
* feat(components): [tooltip] add focus-on-hover prop * chore: rename ot focusOnTarget * chore: remove focusVisible * chore: error
99 lines
3.3 KiB
TypeScript
99 lines
3.3 KiB
TypeScript
import { describe, expect, it, vi } from 'vitest'
|
|
import { focusElement, isFocusable, triggerEvent } from '../..'
|
|
|
|
const CE = (tag: string) => document.createElement(tag)
|
|
|
|
describe('Aria Utils', () => {
|
|
describe('Trigger Event', () => {
|
|
it('Util trigger event to trigger event correctly', () => {
|
|
const div = document.createElement('div')
|
|
vi.spyOn(div, 'dispatchEvent')
|
|
const eventName = 'click'
|
|
triggerEvent(div, eventName)
|
|
expect(div.dispatchEvent).toHaveBeenCalled()
|
|
})
|
|
})
|
|
|
|
describe('isFocusable', () => {
|
|
it("should be focusable when element has tabindex attr, and it's value is greater than 0", () => {
|
|
const $el = CE('div')
|
|
$el.tabIndex = 1
|
|
expect(isFocusable($el)).toBe(true)
|
|
})
|
|
|
|
it("should not be focusable when element has tabindex attr, and it's value is smaller than 0", () => {
|
|
const $el = CE('div')
|
|
$el.tabIndex = -1
|
|
expect(isFocusable($el)).toBe(false)
|
|
})
|
|
|
|
it('should not be focusable when disbaled', () => {
|
|
const $el = CE('div')
|
|
$el.setAttribute('disabled', 'true')
|
|
expect(isFocusable($el)).toBe(false)
|
|
})
|
|
it('should be focusable when target is anchor and rel is not set to ignore', () => {
|
|
const $el = CE('a') as HTMLAnchorElement
|
|
$el.href = '#anchor'
|
|
$el.rel = 'noreferrer'
|
|
expect(isFocusable($el)).toBe(true)
|
|
})
|
|
it('should not be focusable when target is anchor and rel is set to ignore', () => {
|
|
const $el = CE('a') as HTMLAnchorElement
|
|
$el.href = '#anchor'
|
|
$el.rel = 'ignore'
|
|
expect(isFocusable($el)).toBe(false)
|
|
})
|
|
it('should be focusable when target is input and type is not hidden or is not file', () => {
|
|
const $el = CE('input') as HTMLInputElement
|
|
$el.type = 'hidden'
|
|
expect(isFocusable($el)).toBe(false)
|
|
$el.type = 'file'
|
|
expect(isFocusable($el)).toBe(false)
|
|
$el.type = 'number'
|
|
expect(isFocusable($el)).toBe(true)
|
|
})
|
|
it('should be focusable when the target is button/select/textarea', () => {
|
|
let $el = CE('button')
|
|
expect(isFocusable($el)).toBe(true)
|
|
$el = CE('select')
|
|
expect(isFocusable($el)).toBe(true)
|
|
$el = CE('textarea')
|
|
expect(isFocusable($el)).toBe(true)
|
|
})
|
|
})
|
|
|
|
describe('focusElement', () => {
|
|
it('should be able to focus on the element', () => {
|
|
const input = CE('input')
|
|
document.body.appendChild(input)
|
|
focusElement(input)
|
|
expect(document.activeElement).toBe(input)
|
|
document.body.removeChild(input)
|
|
})
|
|
|
|
it('should be able to focus on the element with options', () => {
|
|
const input = CE('input')
|
|
document.body.appendChild(input)
|
|
focusElement(input, { preventScroll: true })
|
|
expect(document.activeElement).toBe(input)
|
|
document.body.removeChild(input)
|
|
})
|
|
|
|
it('should be focus the document body', () => {
|
|
const input = CE('input')
|
|
document.body.appendChild(input)
|
|
focusElement(input)
|
|
expect(document.activeElement).toBe(input)
|
|
focusElement(document.body)
|
|
expect(document.activeElement).toBe(document.body)
|
|
document.body.removeChild(input)
|
|
})
|
|
|
|
it('should not throw error when the element is null or undefined', () => {
|
|
expect(() => focusElement(null)).not.toThrow()
|
|
expect(() => focusElement(undefined)).not.toThrow()
|
|
})
|
|
})
|
|
})
|