Skip to content

Commit

Permalink
docs(zh): review index (#2584)
Browse files Browse the repository at this point in the history
  • Loading branch information
Jinjiang authored Jan 7, 2025
1 parent 1ca4225 commit 6acbe6f
Show file tree
Hide file tree
Showing 3 changed files with 9 additions and 9 deletions.
12 changes: 6 additions & 6 deletions docs/zh/guide/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@

## 什么是 Vue Test Utils?

Vue Test Utils (VTU) 是一组实用函数,旨在简化对 Vue.js 组件的测试。它提供了一些方法来以独立的方式挂载和与 Vue 组件进行交互。
Vue Test Utils (VTU) 是一组实用函数,旨在简化 Vue.js 的组件测试。它提供了一些方法来独立地挂载 Vue 组件并与 Vue 组件进行交互。

让我们看一个例子:

Expand All @@ -31,25 +31,25 @@ test('displays message', () => {
}
})

// 断言组件的渲染文本
// 断言组件渲染出的文本
expect(wrapper.text()).toContain('Hello world')
})
```

Vue Test Utils 通常与测试运行器一起使用。流行的测试运行器包括:
Vue Test Utils 通常需要和一个测试运行器配合使用。流行的测试运行器包括:

- [Vitest](https://vitest.dev/)。基于终端,具有实验性的浏览器 UI。
- [Cypress](https://cypress.io/)。基于浏览器,支持 Vite、webpack。
- [Playwright](https://playwright.dev/docs/test-components) (实验性) 基于浏览器,支持 Vite。
- [WebdriverIO](https://webdriver.io/docs/component-testing/vue)。基于浏览器,支持 Vite、Webpack,跨浏览器支持。

Vue Test Utils 是一个简单且不拘泥于特定风格的库的库。如果你希望使用更具功能性、易用性和明确意见的工具,可以考虑 [Cypress 组件测试](https://docs.cypress.io/guides/component-testing/overview),它具有热重载开发环境,或者 [Testing Library](https://testing-library.com/docs/vue-testing-library/intro/),它在进行断言时强调可访问性选择器 (Accessibility)。这两种工具在底层都使用 Vue Test Utils并暴露相同的 API。
Vue Test Utils 是最小化且不含偏见的库。如果你想要功能更丰富、更易用且偏好更鲜明的工具,获取可以考虑具有热重载开发环境的 [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/overview)、或者在断言时强调基于可访问性选择器的 [Testing Library](https://testing-library.com/docs/vue-testing-library/intro/)。这两种工具在底层都使用 Vue Test Utils 并暴露相同的 API。

## 接下来做什么?

要查看 Vue Test Utils 的实际应用,请[查阅快速上手](../guide/essentials/a-crash-course.md)我们将使用测试优先的方法构建一个简单的待办事项应用
要查看 Vue Test Utils 的实际运用,请[查阅快速上手](../guide/essentials/a-crash-course.md)在那里,我们使用测试优先的思路构建了一个简单的待办事项应用

文档分为两个主要部分
我们的文档分为两个主要部分

- **基础知识**,涵盖你在测试 Vue 组件时可能遇到的常见用例。
- **深入学习 Vue Test Utils**,探索库的其他高级功能。
Expand Down
2 changes: 1 addition & 1 deletion docs/zh/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
layout: home

title: Vue Test Utils
titleTemplate: Vue Test Utils for Vue.js 3
titleTemplate: Vue.js 3 测试工具

hero:
name: Vue Test Utils
Expand Down
4 changes: 2 additions & 2 deletions docs/zh/installation/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,9 +14,9 @@ yarn add --dev @vue/test-utils

## 用法

Vue Test Utils 是与框架无关的 - 你可以与任何你喜欢的测试运行器一起使用。最简单的尝试方式是使用 [Jest](https://jestjs.io/),这是一个流行的测试运行器。
Vue Test Utils 是与测试框架无关的——你可以与任何你喜欢的测试运行器一起使用。最简单的尝试方式是使用 [Jest](https://jestjs.io/),这是一个流行的测试运行器。

要在 Jest 中加载 `.vue` 文件,你需要 `vue-jest``vue-jest` v5 是支持 Vue 3 的版本。它仍处于 alpha 阶段,就像 Vue.js 3 生态系统的其他部分一样,所以如果你发现错误,请在[这里](https://github.com/vuejs/vue-jest/)报告,并说明你正在使用 `vue-jest` v5。
你需要 `vue-jest`Jest 中加载 `.vue` 文件。`vue-jest` v5 是支持 Vue 3 的版本。它和 Vue.js 3 生态系统的其他部分一样仍处于 alpha 阶段。如果你发现任何错误,请在[这里](https://github.com/vuejs/vue-jest/)报告,并注明你正在使用 `vue-jest` v5。

你可以通过 `vue-jest@next` 安装它。然后,你需要使用 Jest 的 [transform](https://jestjs.io/docs/en/configuration#transform-objectstring-pathtotransformer--pathtotransformer-object) 选项进行配置。

Expand Down

0 comments on commit 6acbe6f

Please sign in to comment.