Skip to content

Commit

Permalink
Update reusability-composition.md
Browse files Browse the repository at this point in the history
Inject documentation incorrectly uses `global.provides` instead of `global.provide`. You can see `provide` is the correct key at the following locations:

- https://github.com/vuejs/test-utils#mounting-options
- https://github.com/vuejs/test-utils/blob/main/tests/mountingOptions/global.provides.spec.ts#L17
  • Loading branch information
dcrall committed May 24, 2022
1 parent aee5309 commit 3c1ae2b
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions docs/guide/advanced/reusability-composition.md
Expand Up @@ -180,7 +180,7 @@ test('provides correct data', () => {

### Testing `inject`

When your Component uses `inject` and you need to pass data with `provide`, then you can use the `global.provides` option.
When your Component uses `inject` and you need to pass data with `provide`, then you can use the `global.provide` option.

```vue
<template>
Expand All @@ -200,7 +200,7 @@ The unit test could simply look like:
test('renders correct data', () => {
const wrapper = mount(MyComponent, {
global: {
provides: {
provide: {
'my-key': 'some-data'
}
}
Expand All @@ -215,4 +215,4 @@ test('renders correct data', () => {
- test simple composables without a component and `@vue/test-utils`
- create a test helper component to test more complex composables
- create a test helper component to test your component provides the correct data with `provide`
- use `global.provides` to pass data to your component which uses `inject`
- use `global.provide` to pass data to your component which uses `inject`

0 comments on commit 3c1ae2b

Please sign in to comment.