hasAttribute.md

hasAttribute(attribute, value)

Assert Wrapper DOM node has attribute matching value.

Returns true if Wrapper DOM node contains attribute with matching value.

• Arguments:

  • {string} attribute
  • {string} value

• Returns: {boolean}

• Example:

import { mount } from 'vue-test-utils'
import { expect } from 'chai'
import Foo from './Foo.vue'

const wrapper = mount(Foo)
expect(wrapper.hasAttribute('id', 'foo')).toBe(true)

• Alternative:

You could get the attribute from the Wrapper.element to have a value based assertion:

import { mount } from 'vue-test-utils'
import { expect } from 'chai'
import Foo from './Foo.vue'

const wrapper = mount(Foo)
expect(wrapper.element.getAttribute('id')).toBe('foo')

This makes for a more informative assertion error.