File tree Expand file tree Collapse file tree 3 files changed +6
-4
lines changed Expand file tree Collapse file tree 3 files changed +6
-4
lines changed Original file line number Diff line number Diff line change @@ -51,7 +51,7 @@ export function useUser(userId) {
51
51
}
52
52
```
53
53
54
- 要测试这个组合式函数,你可以在测试中创建一个简单的 ` TestComponent ` 。` TestComponent ` 应该以与真实组件相同的方式使用组合式函数 。
54
+ 要测试这个组合式函数,你可以在测试中创建一个简单的 ` TestComponent ` 。` TestComponent ` 应该与真实组件相同的方式使用组合式函数 。
55
55
56
56
``` typescript
57
57
// 模拟 API 请求
Original file line number Diff line number Diff line change @@ -286,7 +286,7 @@ console.error node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:211
286
286
287
287
同样,由于 Vue Router 4 的新异步特性,我们需要在进行任何断言之前 ` await ` 路由完成。
288
288
289
- 然而,在这种情况下,我们没有可以等待的 _ hasNavigated _ 钩子。一种替代方法是使用从 Vue Test Utils 导出的 ` flushPromises ` 函数:
289
+ 然而,在这种情况下,我们没有可以等待的 * hasNavigated * 钩子。一种替代方法是使用从 Vue Test Utils 导出的 ` flushPromises ` 函数:
290
290
291
291
``` js {1,22}
292
292
import { mount , flushPromises } from ' @vue/test-utils'
@@ -315,7 +315,7 @@ test('routing', async () => {
315
315
})
316
316
```
317
317
318
- 它 * 终于 * 通过了 。太好了!然而,这一切都非常手动——而且这是针对一个微小且无关紧要的应用程序。这就是在使用 Vue Test Utils 测试 Vue 组件时,使用模拟路由器是一种常见方法的原因。如果你倾向于继续使用真实的路由器,请记住每个测试都应该使用自己实例化的路由器,如下所示:
318
+ 它_终于_通过了 。太好了!然而,这一切都非常手动——而且这是针对一个微小且无关紧要的应用程序。这就是在使用 Vue Test Utils 测试 Vue 组件时,使用模拟路由器是一种常见方法的原因。如果你倾向于继续使用真实的路由器,请记住每个测试都应该使用自己实例化的路由器,如下所示:
319
319
320
320
``` js {1,19}
321
321
import { mount , flushPromises } from ' @vue/test-utils'
Original file line number Diff line number Diff line change @@ -330,6 +330,7 @@ module.exports = {
330
330
如果你使用快照测试并且注释节点泄漏到你的快照中,请注意 ` comments` 现在始终[保留](https://vuejs.org/api/application.html#app-config-compileroptions-comments),并仅在生产中删除。你可以通过调整 ` app .config .compilerOptions ` 来覆盖此行为,以便在快照中也删除它们:
331
331
332
332
- 通过 ` vue- jest` [配置](https://github.com/vuejs/vue-jest#compiler-options-in-vue-3)。
333
+
333
334
` ` ` js
334
335
// jest.config.js
335
336
module .exports = {
@@ -342,11 +343,12 @@ module.exports = {
342
343
}
343
344
}
344
345
` ` `
346
+
345
347
- 通过 ` @vue/ test- utils` [` mountingOptions .global .config ` ](https://test-utils.vuejs.org/api/#global) 全局或逐个测试基础。
346
348
347
349
## 与 v1 的比较
348
350
349
- 这是一个针对来自 VTU 1 的用户的表格,比较 API。
351
+ 这是一个针对来自 VTU 1 用户的表格,其比较了两者的 API。
350
352
351
353
### 基础 API
352
354
You can’t perform that action at this time.
0 commit comments