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

eddyerburgh
770 Stars 64 Forks MIT License 606 Commits 40 Opened issues

Description

🔬 a Vue.js testing utility library

Services available

!
?

Need anything else?

Contributors list

avoriaz Build Status

a Vue.js testing utility library

Deprecation

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

Installation

npm install --save-dev avoriaz

Documentation

Visit the docs

Examples

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')
expect(clickHandler.called).to.equal(true)
Assert wrapper contains text
const title = wrapper.find('h1.title')[0]
expect(title.text()).to.equal('some text')
Inject globals
const $route = { path: 'http://www.example-path.com' }
const wrapper = mount(Foo, { 
    globals: {
        $route
    }
})
expect(wrapper.vm.$route.path).to.equal($route.path)
Inject slots
const wrapper = mount(Foo, { 
    slots: {
        default: Foo
    }
})
Set data
wrapper.setData({
  someData: 'some data'
})

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

Update props
wrapper.setProps({
  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.