Need help with avoriaz?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

770 Stars 64 Forks MIT License 606 Commits 40 Opened issues


🔬 a Vue.js testing utility library

Services available


Need anything else?

Contributors list

avoriaz Build Status

a Vue.js testing utility library


This library will be deprecated once vue-test-utils is released.


npm install --save-dev avoriaz


Visit the docs


Assert wrapper contains a child
import { mount } from 'avoriaz'
import Foo from './Foo.vue'

const wrapper = mount(Foo) expect(wrapper.contains('.bar')).to.equal(true)

Shallow render components
import { shallow } from 'avoriaz'
import Foo from './Foo.vue'
import Bar from './Bar.vue'

const wrapper = shallow(Foo) expect(wrapper.contains(Bar)).to.equal(true)

Assert style is rendered
const button = wrapper.find('div > button .button-child')[0]
expect(button.hasStyle('color', 'red')).to.equal(true)
Assert method is called when DOM event is triggered
const clickHandler = sinon.stub()
const wrapper = mount(Foo, {
  propsData: { clickHandler }
wrapper.find('div .bar')[0].trigger('click')
Assert wrapper contains text
const title = wrapper.find('h1.title')[0]
expect(title.text()).to.equal('some text')
Inject globals
const $route = { path: '' }
const wrapper = mount(Foo, { 
    globals: {
Inject slots
const wrapper = mount(Foo, { 
    slots: {
        default: Foo
Set data
  someData: 'some data'

expect(wrapper.vm.someData).to.equal('some data')

Update props
  someProp: 'some prop',
  anotherProp: 'another prop'

For more examples, see the docs

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.