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) {
5151}
5252```
5353
54- 要测试这个组合式函数,你可以在测试中创建一个简单的 ` TestComponent ` 。` TestComponent ` 应该以与真实组件相同的方式使用组合式函数 。
54+ 要测试这个组合式函数,你可以在测试中创建一个简单的 ` TestComponent ` 。` TestComponent ` 应该与真实组件相同的方式使用组合式函数 。
5555
5656``` typescript
5757// 模拟 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
286286
287287同样,由于 Vue Router 4 的新异步特性,我们需要在进行任何断言之前 ` await ` 路由完成。
288288
289- 然而,在这种情况下,我们没有可以等待的 _ hasNavigated _ 钩子。一种替代方法是使用从 Vue Test Utils 导出的 ` flushPromises ` 函数:
289+ 然而,在这种情况下,我们没有可以等待的 * hasNavigated * 钩子。一种替代方法是使用从 Vue Test Utils 导出的 ` flushPromises ` 函数:
290290
291291``` js {1,22}
292292import { mount , flushPromises } from ' @vue/test-utils'
@@ -315,7 +315,7 @@ test('routing', async () => {
315315})
316316```
317317
318- 它 * 终于 * 通过了 。太好了!然而,这一切都非常手动——而且这是针对一个微小且无关紧要的应用程序。这就是在使用 Vue Test Utils 测试 Vue 组件时,使用模拟路由器是一种常见方法的原因。如果你倾向于继续使用真实的路由器,请记住每个测试都应该使用自己实例化的路由器,如下所示:
318+ 它_终于_通过了 。太好了!然而,这一切都非常手动——而且这是针对一个微小且无关紧要的应用程序。这就是在使用 Vue Test Utils 测试 Vue 组件时,使用模拟路由器是一种常见方法的原因。如果你倾向于继续使用真实的路由器,请记住每个测试都应该使用自己实例化的路由器,如下所示:
319319
320320``` js {1,19}
321321import { mount , flushPromises } from ' @vue/test-utils'
Original file line number Diff line number Diff line change @@ -330,6 +330,7 @@ module.exports = {
330330如果你使用快照测试并且注释节点泄漏到你的快照中,请注意 ` comments` 现在始终[保留](https://vuejs.org/api/application.html#app-config-compileroptions-comments),并仅在生产中删除。你可以通过调整 ` app .config .compilerOptions ` 来覆盖此行为,以便在快照中也删除它们:
331331
332332- 通过 ` vue- jest` [配置](https://github.com/vuejs/vue-jest#compiler-options-in-vue-3)。
333+
333334 ` ` ` js
334335 // jest.config.js
335336 module .exports = {
@@ -342,11 +343,12 @@ module.exports = {
342343 }
343344 }
344345 ` ` `
346+
345347- 通过 ` @vue/ test- utils` [` mountingOptions .global .config ` ](https://test-utils.vuejs.org/api/#global) 全局或逐个测试基础。
346348
347349## 与 v1 的比较
348350
349- 这是一个针对来自 VTU 1 的用户的表格,比较 API。
351+ 这是一个针对来自 VTU 1 用户的表格,其比较了两者的 API。
350352
351353### 基础 API
352354
You can’t perform that action at this time.
0 commit comments