|
9 | 9 | - [`mocks`](#mocks)
|
10 | 10 | - [`localVue`](#localvue)
|
11 | 11 | - [`attachToDocument`](#attachtodocument)
|
| 12 | +- [`propsData`](#propsdata) |
12 | 13 | - [`attrs`](#attrs)
|
13 | 14 | - [`listeners`](#listeners)
|
14 |
| -- [`parentComponent`](#parentComponent) |
| 15 | +- [`parentComponent`](#parentcomponent) |
15 | 16 | - [`provide`](#provide)
|
16 | 17 | - [`sync`](#sync)
|
17 | 18 |
|
18 | 19 | ## context
|
19 | 20 |
|
20 | 21 | - Тип: `Object`
|
21 | 22 |
|
22 |
| -Передаёт контекст в функциональный компонент. Может использоваться только с функциональными компонентами. |
| 23 | +Передаёт контекст в функциональный компонент. Может использоваться только с [функциональными компонентами](https://ru.vuejs.org/v2/guide/render-function.html#%D0%A4%D1%83%D0%BD%D0%BA%D1%86%D0%B8%D0%BE%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B5-%D0%BA%D0%BE%D0%BC%D0%BF%D0%BE%D0%BD%D0%B5%D0%BD%D1%82%D1%8B). |
23 | 24 |
|
24 | 25 | Пример:
|
25 | 26 |
|
@@ -197,6 +198,32 @@ expect(wrapper.vm.$route).toBeInstanceOf(Object)
|
197 | 198 |
|
198 | 199 | Устанавливает объект `$attrs` на экземпляре компонента.
|
199 | 200 |
|
| 201 | +## propsData |
| 202 | + |
| 203 | +- Тип: `Object` |
| 204 | + |
| 205 | +Установите входные параметры экземпляра компонента. |
| 206 | + |
| 207 | +Пример: |
| 208 | + |
| 209 | +```js |
| 210 | +const Component = { |
| 211 | + template: '<div>{{ msg }}</div>', |
| 212 | + props: ['msg'] |
| 213 | +} |
| 214 | +const wrapper = mount(Component, { |
| 215 | + propsData: { |
| 216 | + msg: 'aBC' |
| 217 | + } |
| 218 | +}) |
| 219 | +expect(wrapper.text()).toBe('aBC') |
| 220 | +``` |
| 221 | + |
| 222 | +::: tip |
| 223 | +Стоит отметить, что `propsData` относятся на самом деле к [API Vue](https://ru.vuejs.org/v2/api/#propsData), |
| 224 | +а не к `vue-test-utils`. Он обрабатывается через [`extends`](#другие-опции). |
| 225 | +::: |
| 226 | + |
200 | 227 | ## listeners
|
201 | 228 |
|
202 | 229 | - Тип: `Object`
|
@@ -226,6 +253,25 @@ expect(wrapper.vm.$parent.name).toBe('foo')
|
226 | 253 |
|
227 | 254 | Передаёт свойства в компоненты для использования в инъекциях. См. [provide/inject](https://ru.vuejs.org/v2/api/#provide-inject).
|
228 | 255 |
|
| 256 | +Пример: |
| 257 | + |
| 258 | +```js |
| 259 | +const Component = { |
| 260 | + inject: ['foo'], |
| 261 | + template: '<div>{{this.foo()}}</div>' |
| 262 | +} |
| 263 | + |
| 264 | +const wrapper = shallowMount(Component, { |
| 265 | + provide: { |
| 266 | + foo () { |
| 267 | + return 'fooValue' |
| 268 | + } |
| 269 | + } |
| 270 | +}) |
| 271 | + |
| 272 | +expect(wrapper.text()).toBe('fooValue') |
| 273 | +``` |
| 274 | + |
229 | 275 | ## sync
|
230 | 276 |
|
231 | 277 | - Тип: `boolean`
|
|
0 commit comments