bootstrap-vue/src/components/link/link.spec.js

BootstrapVue provides one of the most comprehensive implementations of Bootstrap 4 components and grid system for Vue.js and with extensive and automated WAI-ARIA accessibility markup.

import { loadFixture, testVM } from '../../../tests/utils'

describe('link', async () => {
  beforeEach(loadFixture(__dirname, 'link'))
  testVM()

  it('should render <a>', async () => {
    const { app } = window
    expect(app.$refs.plain).toBeElement('a')
  })

  it('should default href to `#`', async () => {
    const { app } = window
    expect(app.$refs.plain.getAttribute('href')).toBe('#')
  })

  it('should apply given href', async () => {
    const { app } = window
    expect(app.$refs.href.getAttribute('href')).toBe(app.href)
  })

  it("should default rel to `noopener` when target==='_blank'", async () => {
    const { app } = window
    expect(app.$refs.target.getAttribute('rel')).toBe('noopener')
  })

  it("should render the given rel to when target==='_blank'", async () => {
    const { app } = window
    expect(app.$refs.rel.getAttribute('rel')).toBe('alternate')
  })

  it('should not add aria-disabled when not disabled', async () => {
    const { app } = window
    expect(app.$refs.plain.hasAttribute('aria-disabled')).toBe(false)
  })

  it("should add aria-disabled==='true' when disabled", async () => {
    const { app } = window
    expect(app.$refs.disabled.getAttribute('aria-disabled')).toBe('true')
  })

  it("should add '.disabled' class when disabled", async () => {
    const { app } = window
    expect(app.$refs.disabled).toHaveClass('disabled')
  })

  it('should NOT invoke click handler bound by Vue when disabled and clicked on', async () => {
    const { app } = window
    app.$refs.click_disabled.click()
    expect(app.disabledClickSpy).not.toHaveBeenCalled()
  })

  it("should NOT invoke click handler bound using 'addEventListener' when disabled and clicked on", async () => {
    const { app } = window
    const spy = jest.fn()
    app.$refs.click_disabled.addEventListener('click', spy)
    app.$refs.click_disabled.click()
    expect(spy).not.toHaveBeenCalled()
  })

  it("should NOT emit 'clicked::link' on $root when clicked on", async () => {
    const { app } = window
    const spy = jest.fn()
    app.$root.$on('clicked::link', spy)
    app.$refs.click_disabled.click()
    expect(spy).not.toHaveBeenCalled()
  })

  it('should invoke click handler when clicked on', async () => {
    const { app } = window
    app.$refs.click.click()
    expect(app.clickSpy).toHaveBeenCalled()
    const firstCallArguments = app.clickSpy.mock.calls[0]
    expect(firstCallArguments[0]).toBeInstanceOf(Event)
  })

  it("should emit 'clicked::link' on $root when clicked on", async () => {
    const { app } = window
    const spy = jest.fn()
    app.$root.$on('clicked::link', spy)
    app.$refs.click.click()
    expect(spy).toHaveBeenCalled()
  })
})