问题标签 [avoriaz]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1397 浏览

javascript - 使用带有 Avoriaz 的 AVA 在 Vue.js 中测试计算属性

我正在尝试使用 AVA 和 Avoriaz 测试 Vue.js 组件的计算属性。我可以挂载组件并正常访问数据属性。

当我尝试访问计算属性时,该函数似乎对该组件上的数据没有作用域。

我得到的错误是Error: Cannot read property 'firstName' of undefined

测试文件:

零件:

计算isTrue属性似乎可以工作,但不依赖于组件中的任何数据。

0 投票
2 回答
557 浏览

javascript - 使用 avoriaz 挂载 vue 实例,但无法窥探导入的函数

我有以下组件脚本(删除了一些不相关的位):

我有以下测试,它使用 avoriaz 挂载 Vue 实例:

我的 sinon 间谍从来没有被叫过,我在上面尝试了几个不同的变体。监视这样的导入函数的最佳方法是什么?还是我在概念上以错误的方式接近这个?

0 投票
0 回答
260 浏览

testing - wrapper.find 不适用于 avoriaz

我正在使用 avoriaz 在 vuejs 中进行测试。这是我的测试和组件代码。

用于检测

这里 wrapper.find 不起作用错误:-TypeError:无法读取未定义的属性'is' .. 谁能帮我解决这种类型的错误?

0 投票
1 回答
829 浏览

javascript - Vue.js Avoriaz 单元测试在使用 vue-i18n 时产生翻译警告

概括

我将vue-i18n用于 i18n 并使用Avoriaz对我的 Vue.js 组件进行单元测试。由于未翻译的字符串,我收到很多警告,我无法修复。我怎样才能摆脱这些警告?

警告示例

'[vue-i18n] 无法翻译 keypath 'description.first' 的值。使用 keypath 的值作为默认值。

测试设置

被测组件

0 投票
2 回答
412 浏览

javascript - 找不到模块:错误:无法解析“avoriaz”

我是 Vue 新手,正在学习如何从本教程中对其进行测试。我已经到了教程的结尾,但是在使用的最后一步出现了一个奇怪的错误avoriaz

这是我的测试文件中的相关代码:

还有我的package.json文件:

我尝试删除我的node_modules目录并package-lock.json重新安装所有内容,npm install但无济于事。

关于可能导致此问题的原因以及如何解决的任何想法?

0 投票
2 回答
6214 浏览

unit-testing - 使用 jest 和 avoriaz 时如何在 Vuejs 的组件中测试异步方法

例如,我有一个组件看起来像这样。

您还可以将此小提琴作为简化的演示进行检查

为了对这个组件进行单元测试,我写了这样的代码。

expect自从run before完成后它就不起作用fetch了,但我不知道如何让 jest 等到 promise 函数完成。
那么如何在这个用例中进行测试呢?

更新我尝试了 nextTick 但没有运气。

这是完整的测试代码。

更新 2我添加了done,但它仍然无法正常工作。这是错误消息。

0 投票
1 回答
393 浏览

javascript - 期望方法读取 wrapper.vm.shown 的错误值

我正在测试我的组件并且发生了一个非常奇怪的问题。

这是我的测试

发生了什么,为什么shownundefined作为参数传递给expect方法并且在通过显示时是布尔值console.log

0 投票
2 回答
517 浏览

unit-testing - Vue.js + Avoriaz:如何测试观察者?

我正在尝试使用 Avoriaz 测试以下组件,但是在 props 更改时,不会触发 watch: {} 中的操作

感谢您的反馈

项目组件.vue

这是我的组件测试

ItemComponent.spec.js

0 投票
1 回答
692 浏览

unit-testing - Vue.js(w Avoriaz)从子组件抛出时如何捕获父组件中的错误

用空输入值测试子组件,抛出错误,但没有在父组件中捕获 Error: Uncaught Error: New Item without a text

我怎样才能抓住它?在哪里?感谢您的反馈

父组件 ShoppingListComponent.vue

子组件 AddItemComponent.vue

单元测试 AddItemComponent.spec.js

控制台单元测试

0 投票
1 回答
45 浏览

unit-testing - 插件中的 Vue.js Dynamic Litera Directivel 未正确绑定

根据插件内的 Vue 文档,我正在尝试定义一个 Dynamic Literal Directive

myPlugin.js

在我的 main.js 中,我添加了

main.js

我的 App.vue 中有自定义指令(带小胡子)

应用程序.vue

所以noisecolor应该是'棕色',但是在测试myPlugin时,我在绑定期间得到默认的白色......(根据文档应该在更新期间?)

myPlugin.spec.js