Как получить входное значение на основе avoriaz для теста компонента Vue

Я написал компонент Vue, используйте avoriaz для его монтирования и тестирования. Ниже приведен код компонента Vue:

<template>
  <div>
    <input type="text" v-model="foo" >
    {{foo}}
  </div>
</template>

<script>
export default {
  name: 'foo',
  props: [
    'foo'
  ]
};
</script>

Ниже приведен соответствующий код теста:

import { mount } from 'avoriaz';
import Foo from '../../../src/mount/vmodel/Foo.vue';
import { expect } from 'chai';

describe('Test v-model', function () {
  it('check v-model value', function () {
    const wrapper = mount(Foo, {
      propsData: {
        'foo': 'abcd'
      }
    });
    console.log("html:");
    console.log(wrapper.html());
  });
});

когда я запускаю 'npm test' и проверяю вывод консоли, следующий вывод связан с:

html:
<div><input type="text">
  abcd
</div>

почему входное значение не 'abcd'? Спасибо!

0 ответов

Другие вопросы по тегам