Testing of computed properties

When trying to test a computed property using AVA and with Avoriaz, the context of this is not what is expected. I’m trying to use a computed property that is based on some data from the component.

More details on stackoverflow.

[eddyerburgh]

@jasperck Hi, sorry for the miselading message. I’ve updated and released a correct warning message in 1.9.4.

To access props with this bound the vue instance, you must run:

expect(wrapper.vm.$props.propName).to.equal(propValue);

[jasperck]

hi @eddyerburgh I was writing tests for my vue component, when I tried to test the part of props, I was doing something like this

given(
  ...some test data
)
  .it('should accept prop:', (propName, propValue) => {
    const wrapper = mount(InfiniteScroller, {
      propsData: { propName: propValue }
    });
    expect(wrapper.propsData().propName).to.equal(propValue);
  });

Then I got this warning messages and found out the reason in the issue from the messages.

WARN: 'warning: functions returned by propsData() will not have this bound to the vue instance. Calling a propsData function that uses this will result in an error. You can access propsData functions by using the vue instance. e.g. to call a method function named propsDataFunc, call wrapper.vm.propsDataFunc(). See https://github.com/eddyerburgh/avoriaz/issues/15'

According to the comment https://github.com/eddyerburgh/avoriaz/issues/15#issuecomment-289435469, looks like there is still no solution for somethink like

expect(wrapper.vm.propName).to.equal(propValue);

am I right, guys?