Skip to content

Commit 24bf5c6

Browse files
Jinjiangeddyerburgh
authored andcommitted
docs: synced updates (#404)
Thanks guys 😀
1 parent 9381736 commit 24bf5c6

16 files changed

+440
-91
lines changed

docs/zh-cn/README.md

+6-4
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,16 @@
22

33
`vue-test-utils` 是 Vue.js 官方的单元测试实用工具库。
44

5+
## 目录
6+
57
* [教程](guides/README.md)
68
* [起步](guides/getting-started.md)
79
* [常用技巧](guides/common-tips.md)
810
* [鼠标、键盘以及其它 DOM 事件](guides/dom-events.md)
911
* [选择一个测试运行器](guides/choosing-a-test-runner.md)
1012
* [用 Jest 测试单文件组件](guides/testing-SFCs-with-jest.md)
1113
* [用 Mocha 和 webpack 测试单文件组件](guides/testing-SFCs-with-mocha-webpack.md)
14+
* [用 Karma 测试单文件组件](guides/testing-SFCs-with-karma.md)
1215
* [测试异步行为](guides/testing-async-components.md)
1316
* [配合 Vue Router 使用](guides/using-with-vue-router.md)
1417
* [配合 Vuex 实用](guides/using-with-vuex.md)
@@ -36,35 +39,34 @@
3639
* [destroy](api/wrapper/destroy.md)
3740
* [find](api/wrapper/find.md)
3841
* [findAll](api/wrapper/findAll.md)
39-
* [hasStyle](api/wrapper/hasStyle.md)
4042
* [html](api/wrapper/html.md)
4143
* [is](api/wrapper/is.md)
4244
* [isEmpty](api/wrapper/isEmpty.md)
4345
* [isVueInstance](api/wrapper/isVueInstance.md)
4446
* [name](api/wrapper/name.md)
4547
* [props](api/wrapper/props.md)
46-
* [setComputed](api/wrapper/setComputed.md)
4748
* [setData](api/wrapper/setData.md)
4849
* [setMethods](api/wrapper/setMethods.md)
4950
* [setProps](api/wrapper/setProps.md)
5051
* [text](api/wrapper/text.md)
5152
* [trigger](api/wrapper/trigger.md)
5253
* [update](api/wrapper/update.md)
54+
* [visible](api/wrapper/visible.md)
5355
* [WrapperArray](api/wrapper-array/README.md)
5456
* [at](api/wrapper-array/at.md)
5557
* [contains](api/wrapper-array/contains.md)
5658
* [exists](api/wrapper/exists.md)
5759
* [destroy](api/wrapper-array/destroy.md)
58-
* [hasStyle](api/wrapper-array/hasStyle.md)
60+
* [filter](api/wrapper-array/filter.md)
5961
* [is](api/wrapper-array/is.md)
6062
* [isEmpty](api/wrapper-array/isEmpty.md)
6163
* [isVueInstance](api/wrapper-array/isVueInstance.md)
62-
* [setComputed](api/wrapper-array/setComputed.md)
6364
* [setData](api/wrapper-array/setData.md)
6465
* [setMethods](api/wrapper-array/setMethods.md)
6566
* [setProps](api/wrapper-array/setProps.md)
6667
* [trigger](api/wrapper-array/trigger.md)
6768
* [update](api/wrapper-array/update.md)
69+
* [visible](api/wrapper-array/visible.md)
6870
* [组件](api/components/README.md)
6971
* [TransitionStub](api/components/TransitionStub.md)
7072
* [TransitionGroupStub](api/components/TransitionGroupStub.md)

docs/zh-cn/SUMMARY.md

+5-3
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
* [选择一个测试运行器](guides/choosing-a-test-runner.md)
88
* [用 Jest 测试单文件组件](guides/testing-SFCs-with-jest.md)
99
* [用 Mocha 和 webpack 测试单文件组件](guides/testing-SFCs-with-mocha-webpack.md)
10+
* [用 Karma 测试单文件组件](guides/testing-SFCs-with-karma.md)
1011
* [测试异步行为](guides/testing-async-components.md)
1112
* [配合 Vue Router 使用](guides/using-with-vue-router.md)
1213
 * [配合 Vuex 使用](guides/using-with-vuex.md)
@@ -34,7 +35,6 @@
3435
* [destroy](api/wrapper/destroy.md)
3536
* [find](api/wrapper/find.md)
3637
* [findAll](api/wrapper/findAll.md)
37-
* [hasStyle](api/wrapper/hasStyle.md)
3838
* [html](api/wrapper/html.md)
3939
* [is](api/wrapper/is.md)
4040
* [isEmpty](api/wrapper/isEmpty.md)
@@ -47,24 +47,26 @@
4747
* [text](api/wrapper/text.md)
4848
* [trigger](api/wrapper/trigger.md)
4949
* [update](api/wrapper/update.md)
50+
* [visible](api/wrapper/visible.md)
5051
* [WrapperArray](api/wrapper-array/README.md)
5152
* [at](api/wrapper-array/at.md)
5253
* [contains](api/wrapper-array/contains.md)
5354
* [exists](api/wrapper/exists.md)
5455
* [destroy](api/wrapper-array/destroy.md)
55-
* [hasStyle](api/wrapper-array/hasStyle.md)
56+
* [filter](api/wrapper-array/filter.md)
5657
* [is](api/wrapper-array/is.md)
5758
* [isEmpty](api/wrapper-array/isEmpty.md)
5859
* [isVueInstance](api/wrapper-array/isVueInstance.md)
59-
* [setComputed](api/wrapper-array/setComputed.md)
6060
* [setData](api/wrapper-array/setData.md)
6161
* [setMethods](api/wrapper-array/setMethods.md)
6262
* [setProps](api/wrapper-array/setProps.md)
6363
* [trigger](api/wrapper-array/trigger.md)
6464
* [update](api/wrapper-array/update.md)
65+
* [visible](api/wrapper-array/visible.md)
6566
* [组件](api/components/README.md)
6667
* [TransitionStub](api/components/TransitionStub.md)
6768
* [TransitionGroupStub](api/components/TransitionGroupStub.md)
69+
* [RouterLinkStub](api/components/RouterLinkStub.md)
6870
* [选择器](api/selectors.md)
6971
* [createLocalVue](api/createLocalVue.md)
7072
* [配置](api/config.md)

docs/zh-cn/api/README.md

+5-4
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,8 @@
1414
- [provide](./options.md#provide)
1515
- [其它选项](./options.md#other-options)
1616
* [Wrapper](./wrapper/README.md)
17+
* [attributes](./wrapper/attributes.md)
18+
* [classes](./wrapper/classes.md)
1719
* [contains](./wrapper/contains.md)
1820
* [emitted](./wrapper/emitted.md)
1921
* [emittedByOrder](./wrapper/emittedByOrder.md)
@@ -24,35 +26,34 @@
2426
* [hasAttribute](./wrapper/hasAttribute.md)
2527
* [hasClass](./wrapper/hasClass.md)
2628
* [hasProp](./wrapper/hasProp.md)
27-
* [hasStyle](./wrapper/hasStyle.md)
2829
* [html](./wrapper/html.md)
2930
* [is](./wrapper/is.md)
3031
* [isEmpty](./wrapper/isEmpty.md)
3132
* [isVueInstance](./wrapper/isVueInstance.md)
3233
* [name](./wrapper/name.md)
3334
* [props](./wrapper/props.md)
34-
* [setComputed](./wrapper/setComputed.md)
3535
* [setData](./wrapper/setData.md)
3636
* [setMethods](./wrapper/setMethods.md)
3737
* [setProps](./wrapper/setProps.md)
3838
* [text](./wrapper/text.md)
3939
* [trigger](./wrapper/trigger.md)
4040
* [update](./wrapper/update.md)
41+
* [visible](./wrapper/visible.md)
4142
* [WrapperArray](./wrapper-array/README.md)
4243
* [at](./wrapper-array/at.md)
4344
* [contains](./wrapper-array/contains.md)
4445
* [exists](./wrapper/exists.md)
4546
* [destroy](./wrapper-array/destroy.md)
46-
* [hasStyle](./wrapper-array/hasStyle.md)
47+
* [filter](./wrapper-array/filter.md)
4748
* [is](./wrapper-array/is.md)
4849
* [isEmpty](./wrapper-array/isEmpty.md)
4950
* [isVueInstance](./wrapper-array/isVueInstance.md)
50-
* [setComputed](./wrapper-array/setComputed.md)
5151
* [setData](./wrapper-array/setData.md)
5252
* [setMethods](./wrapper-array/setMethods.md)
5353
* [setProps](./wrapper-array/setProps.md)
5454
* [trigger](./wrapper-array/trigger.md)
5555
* [update](./wrapper-array/update.md)
56+
* [visible](./wrapper-array/visible.md)
5657
* [组件](./components/README.md)
5758
* [TransitionStub](./components/TransitionStub.md)
5859
* [TransitionGroupStub](./components/TransitionGroupStub.md)
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
# `RouterLinkStub`
2+
3+
一个用来存根 Vue Router 中 `router-link` 组件的组件。
4+
5+
你可以在渲染树中使用这个组件查找一个 `router-link` 组件。
6+
7+
- **用法:**
8+
9+
在挂载选项中将其设置为一个存根:
10+
11+
```js
12+
import { mount, RouterLinkStub } from '@vue/test-utils'
13+
14+
const wrapper = mount(Component, {
15+
stubs: {
16+
RouterLink: RouterLinkStub
17+
}
18+
})
19+
expect(wrapper.find(RouterLinkStub).props().to).toBe('/some/path')
20+
```
+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
# `filter(predicate)`
2+
3+
用一个针对 `Wrapper` 的断言函数过滤 `WrapperArray`
4+
5+
该方法的行为和 [Array.prototype.filter](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/filter) 相同。
6+
7+
- **参数:**
8+
- `{function} predicate`
9+
10+
- **返回值:** `{WrapperArray}`
11+
12+
一个新的 `WrapperArray` 实例,该实例包含了经过断言函数处理后返回真值的 `Wrapper` 实例。
13+
14+
- **示例:**
15+
16+
```js
17+
import { shallow } from 'vue-test-utils'
18+
import { expect } from 'chai'
19+
import Foo from './Foo.vue'
20+
21+
const wrapper = shallow(Foo)
22+
const filteredDivArray = wrapper.findAll('div').filter(w => !w.hasClass('filtered'))
23+
```

docs/zh-cn/api/wrapper-array/hasStyle.md

-25
This file was deleted.

docs/zh-cn/api/wrapper-array/setComputed.md

-25
This file was deleted.
+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
# `visible()`
2+
3+
断言每个 `WrapperArray` 中的每个 `Wrapper` 是否可见。
4+
5+
如果至少一个元素的祖先拥有 `display: none``visibility: hidden` 样式则返回 `false`
6+
7+
这可以用于断言一个组件是否被 `v-show` 所隐藏。
8+
9+
- **返回值:** `{boolean}`
10+
11+
- **示例:**
12+
13+
```js
14+
import { mount } from 'vue-test-utils'
15+
import { expect } from 'chai'
16+
import Foo from './Foo.vue'
17+
18+
const wrapper = mount(Foo)
19+
expect(wrapper.visible()).toBe(true)
20+
expect(wrapper.findAll('.is-not-visible').visible()).toBe(false)
21+
expect(wrapper.findAll('.is-visible').visible()).toBe(true)
22+
```

docs/zh-cn/api/wrapper/hasStyle.md

-24
This file was deleted.

docs/zh-cn/api/wrapper/visible.md

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
# `visible()`
2+
3+
断言 `Wrapper` 是否可见。
4+
5+
如果有一个祖先元素拥有 `display: none``visibility: hidden` 样式则返回 `false`
6+
7+
这可以用于断言一个组件是否被 `v-show` 所隐藏。
8+
9+
- **返回值:** `{boolean}`
10+
11+
- **示例:**
12+
13+
```js
14+
import { mount } from 'vue-test-utils'
15+
import { expect } from 'chai'
16+
import Foo from './Foo.vue'
17+
18+
const wrapper = mount(Foo)
19+
expect(wrapper.visible()).toBe(true)
20+
expect(wrapper.find('.is-not-visible').visible()).toBe(false)
21+
```

docs/zh-cn/guides/README.md

+1
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
* [选择一个测试运行器](./choosing-a-test-runner.md)
77
* [用 Jest 测试单文件组件](./testing-SFCs-with-jest.md)
88
* [用 Mocha 和 webpack 测试单文件组件](./testing-SFCs-with-mocha-webpack.md)
9+
* [用 Karma 测试单文件组件](./testing-SFCs-with-karma.md)
910
* [测试异步行为](./testing-async-components.md)
1011
* [配合 Vue Router 使用](./using-with-vue-router.md)
1112
* [配合 Vuex 实用](./using-with-vuex.md)

docs/zh-cn/guides/common-tips.md

+5-1
Original file line numberDiff line numberDiff line change
@@ -109,7 +109,7 @@ mount(Component, {
109109
})
110110
```
111111

112-
**注意有些插件会为全局的 Vue 构造函数添加只读属性,比如 Vue Router。这使得我们无法在一个 `localVue` 构造函数上二次安装该插件,或伪造这些属性**
112+
**注意有些插件会为全局的 Vue 构造函数添加只读属性,比如 Vue Router。这使得我们无法在一个 `localVue` 构造函数上二次安装该插件,或伪造这些只读属性**
113113

114114
## 仿造注入
115115

@@ -135,3 +135,7 @@ mount(Component, {
135135
## 处理路由
136136

137137
因为路由需要在应用的全局结构中进行定义,且引入了很多组件,所以最好集成到 end-to-end 测试。对于依赖 `vue-router` 功能的独立的组件来说,你可以使用上面提到的技术仿造它们。
138+
139+
## 探测样式
140+
141+
当你的测试运行在 `jsdom` 中时,可以只探测到内联样式。

docs/zh-cn/guides/testing-SFCs-with-jest.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ Jest 是一个由 Facebook 开发的测试运行器,致力于提供一个“be
1111
我们要做的第一件事就是安装 Jest 和 `vue-test-utils`
1212

1313
```bash
14-
$ npm install --save-dev jest vue-test-utils
14+
$ npm install --save-dev jest @vue/test-utils
1515
```
1616

1717
然后我们需要在 `package.json` 中定义一个单元测试的脚本。

0 commit comments

Comments
 (0)