Skip to content

Commit

Permalink
feat: update zh description
Browse files Browse the repository at this point in the history
Co-authored-by: veaba <[email protected]>
  • Loading branch information
DDDDD12138 and veaba committed Dec 3, 2024
1 parent 25bdbe6 commit 638839b
Show file tree
Hide file tree
Showing 3 changed files with 8 additions and 8 deletions.
6 changes: 3 additions & 3 deletions docs/zh/guide/advanced/async-suspense.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

你可能注意到在指南的某些部分,在调用 `wrapper` 的一些方法时使用了 `await`,例如 `trigger``setValue`。这是什么意思呢?

你可能知道 [Vue 是以响应式的方式更新的](https://v3.vuejs.org/guide/change-detection.html#async-update-queue):当你更改一个值时,DOM 会自动更新以反映最新的值。Vue 的这些更新是异步进行的。与此相对,像 Jest 这样的测试运行器是 _同步_ 的。这可能会导致测试中出现一些意外的结果。
你可能知道 [Vue 是以响应式的方式更新的](https://v3.vuejs.org/guide/change-detection.html#async-update-queue):当你更改一个值时,DOM 会自动更新以反映最新的值。Vue 的这些更新是异步进行的。与此相对,像 Jest 这样的测试运行器是*同步*的。这可能会导致测试中出现一些意外的结果。

让我们看看一些策略,以确保在运行测试时 Vue 按预期更新 DOM。

Expand Down Expand Up @@ -47,7 +47,7 @@ test('increments by 1', () => {
如果你想了解更多关于这个核心 JavaScript 行为的信息,可以阅读[事件循环及其宏任务和微任务](https://javascript.info/event-loop#macrotasks-and-microtasks)
:::

抛开实现细节,我们该如何修复这个问题呢?实际上,Vue 提供了一种方法让我们等待 DOM 更新:`nextTick`
先抛开实现细节,我们该如何修复这个问题呢?实际上,Vue 提供了一种方法让我们等待 DOM 更新:`nextTick`

```js {1,7}
import { nextTick } from 'vue'
Expand All @@ -62,7 +62,7 @@ test('increments by 1', async () => {
})
```

现在测试将通过,因为我们确保在断言运行之前,下一个 "tick" 已经执行并且 DOM 已经更新。
现在的测试将会通过,因为我们确保在断言运行之前,下一个 "tick" 已经执行并且 DOM 已经更新。

由于 `await nextTick()` 是常见的,Vue Test Utils 提供了一个快捷方式。导致 DOM 更新的方法,如 `trigger``setValue` 返回 `nextTick`,因此你可以直接 `await` 它们:

Expand Down
2 changes: 1 addition & 1 deletion docs/zh/guide/advanced/http-requests.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

然而,测试 HTTP 请求是一个重要的功能,我们希望强调一些注意事项。

在本节中,我们将探讨一些模式,以执行、模拟和断言 HTTP 请求
在本节中,我们将探讨一些执行、模拟和断言 HTTP 请求的模式

## 博客文章列表

Expand Down
8 changes: 4 additions & 4 deletions docs/zh/guide/advanced/stubs-shallow-mount.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# 桩 (Stubs) 与浅层挂载

Vue Test Utils 提供了一些高级功能用于 __ 组件和指令。__ 是指将自定义组件或指令的现有实现替换为一个不执行任何操作的虚拟实现,这可以简化本来复杂的测试。让我们来看一个例子。
Vue Test Utils 提供了一些高级功能用于**组件和指令。**是指将自定义组件或指令的现有实现替换为一个不执行任何操作的虚拟实现,这可以简化本来复杂的测试。让我们来看一个例子。

## 桩化单个子组件

Expand Down Expand Up @@ -81,15 +81,15 @@ test('stubs component', () => {
})
```

这将桩化整个渲染树中的_所有_ `<FetchDataFromApi />` 组件,而不管它们出现在哪个层级。这就是为什么它在 `global` 挂载选项中的原因。
这将桩化整个渲染树中的*所有* `<FetchDataFromApi />` 组件,而不管它们出现在哪个层级。这就是为什么它在 `global` 挂载选项中的原因。

::: tip
要桩化组件,你可以使用 `components` 中的键或组件的名称。如果在 `global.stubs` 中同时给出这两者,将优先使用键。
:::

## 桩化所有子组件

有时你可能想要桩化 _所有_ 自定义组件。例如,你可能有这样的组件:
有时你可能想要桩化*所有*自定义组件。例如,你可能有这样的组件:

```js
const ComplexComponent = {
Expand Down Expand Up @@ -141,7 +141,7 @@ test('shallow stubs out all child components', () => {

## 桩化所有子组件但有例外

有时你想要桩化 _所有_ 自定义组件,除了特定的一个。让我们考虑一个例子:
有时你想要桩化*所有*自定义组件,除了特定的一个。让我们考虑一个例子:

```js
const ComplexA = {
Expand Down

0 comments on commit 638839b

Please sign in to comment.