从发出的事件调用的测试组件方法

时间:2019-05-09 11:54:41

标签: vue.js jestjs vue-component vue-test-utils

附加到子组件的自定义事件由本机输入事件触发。它调用的方法映射用户的字段转换。在这种情况下,用户输入文本,可以选择将其输入中的任何匹配字符串“翻译”为新字符串,然后将其用于下一种形式的输入。

有关其他测试,请参见安装组件的出厂功能。

当前方法只是测试所发出的事件是否调用了onChangeFieldMapModifierTranslate。我需要以某种方式测试它是否正在接受预期的参数,并且是否正在“输出”-预期的结果。

<child-component @modifierTranslate="({fieldKey, target}) => onChangeFieldMapModifierTranslate(fieldKey, target.name, target.value)" ></child-component>

onChangeFieldMapModifierTranslate(fieldKey, name, value){
  let oldFieldMap = this.fieldMaps[fieldKey];
  let newField = new FieldMap({...oldFieldMap});
  let key = name === 'translate-to'
    ? 'B'
    : 'A';
  let translation = {...newField.modifier.value, [key]: value};
  newField.setModifierValue(translation);
  this.setFieldMaps({...this.fieldMaps, [fieldKey]: newField});
},

function shallowMountComponent({ computed, methods, watch, $v, $route, $router } = {}) {...}

0 个答案:

没有答案