docs(setprops): update setProps docs to reflect async mode

Author: AtofStryker

docs/api/wrapper/setProps.md

@@ -14,9 +14,11 @@ Sets `Wrapper` `vm` props and forces update.
 import { mount } from '@vue/test-utils'
 import Foo from './Foo.vue'
 
-const wrapper = mount(Foo)
-wrapper.setProps({ foo: 'bar' })
-expect(wrapper.vm.foo).toBe('bar')
+test('setProps demo', async () => {
+  const wrapper = mount(Foo)
+  await wrapper.setProps({ foo: 'bar' })
+  expect(wrapper.vm.foo).toBe('bar')
+})
 ```
 
 You can also pass a `propsData` object, which will initialize the Vue instance with passed values.

docs/guides/common-tips.md

@@ -153,9 +153,11 @@ describe('ParentComponent', () => {
 You can directly manipulate the state of the component using the `setData` or `setProps` method on the wrapper:
 
 ```js
-wrapper.setData({ count: 10 })
+it('manipulates state', async () => {
+  await wrapper.setData({ count: 10 })
 
-wrapper.setProps({ foo: 'bar' })
+  await wrapper.setProps({ foo: 'bar' })
+})
 ```
 
 ### Mocking Props

docs/ja/api/wrapper/setProps.md

@@ -14,9 +14,11 @@
 import { mount } from '@vue/test-utils'
 import Foo from './Foo.vue'
 
-const wrapper = mount(Foo)
-wrapper.setProps({ foo: 'bar' })
-expect(wrapper.vm.foo).toBe('bar')
+test('setProps demo', async () => {
+  const wrapper = mount(Foo)
+  await wrapper.setProps({ foo: 'bar' })
+  expect(wrapper.vm.foo).toBe('bar')
+})
 ```
 
 渡された値で Vue インスタンス を初期化する `propsData` オブジェクトを渡すことができます。

docs/ja/guides/common-tips.md

@@ -63,9 +63,11 @@ expect(wrapper.emitted().foo[1]).toEqual([123])
 ラッパの `setData` メソッドまたは `setProps` メソッドを使って、コンポーネントの状態を直接操作することができます。:
 
 ```js
-wrapper.setData({ count: 10 })
+it('manipulates state', async () => {
+  await wrapper.setData({ count: 10 })
 
-wrapper.setProps({ foo: 'bar' })
+  await wrapper.setProps({ foo: 'bar' })
+})
 ```
 
 ### プロパティをモックする

docs/ru/api/wrapper/setProps.md

@@ -14,9 +14,11 @@
 import { mount } from '@vue/test-utils'
 import Foo from './Foo.vue'
 
-const wrapper = mount(Foo)
-wrapper.setProps({ foo: 'bar' })
-expect(wrapper.vm.foo).toBe('bar')
+test('setProps demo', async () => {
+  const wrapper = mount(Foo)
+  await wrapper.setProps({ foo: 'bar' })
+  expect(wrapper.vm.foo).toBe('bar')
+})
 ```
 
 Вы также можете передать объект `propsData`, который инициализирует экземпляр Vue с переданными значениями.

docs/ru/guides/common-tips.md

@@ -113,9 +113,11 @@ describe('ParentComponent', () => {
 Вы можете напрямую манипулировать состоянием компонента с помощью методов `setData` или `setProps` на обёртке:
 
 ```js
-wrapper.setData({ count: 10 })
+it('manipulates state', async () => {
+  await wrapper.setData({ count: 10 })
 
-wrapper.setProps({ foo: 'bar' })
+  await wrapper.setProps({ foo: 'bar' })
+})
 ```
 
 ### Моки входных параметров

docs/zh/api/wrapper/setProps.md

@@ -14,9 +14,11 @@
 import { mount } from '@vue/test-utils'
 import Foo from './Foo.vue'
 
-const wrapper = mount(Foo)
-wrapper.setProps({ foo: 'bar' })
-expect(wrapper.vm.foo).toBe('bar')
+test('setProps demo', async () => {
+  const wrapper = mount(Foo)
+  await wrapper.setProps({ foo: 'bar' })
+  expect(wrapper.vm.foo).toBe('bar')
+})
 ```
 
 你也可以传递一个 `propsData` 对象，这会用该对象来初始化 Vue 示例。

docs/zh/guides/common-tips.md

@@ -151,9 +151,11 @@ describe('ParentComponent', () => {
 你可以在包裹器上用 `setData` 或 `setProps` 方法直接操作组件状态：
 
 ```js
-wrapper.setData({ count: 10 })
+it('manipulates state', async () => {
+  await wrapper.setData({ count: 10 })
 
-wrapper.setProps({ foo: 'bar' })
+  await wrapper.setProps({ foo: 'bar' })
+})
 ```
 
 ### 仿造 Prop