From fcd6f6db7d107e89cee994c149e66e7ed0c5afa7 Mon Sep 17 00:00:00 2001 From: Bill Date: Thu, 13 Aug 2020 21:39:06 -0400 Subject: [PATCH 01/10] docs(setvalue): update setValue documentation to reflect async mode --- docs/api/wrapper/setValue.md | 18 ++++++++++-------- docs/ja/api/wrapper/setValue.md | 18 ++++++++++-------- docs/ru/api/wrapper/setValue.md | 18 ++++++++++-------- docs/zh/api/wrapper/setValue.md | 18 ++++++++++-------- 4 files changed, 40 insertions(+), 32 deletions(-) diff --git a/docs/api/wrapper/setValue.md b/docs/api/wrapper/setValue.md index f74e0c3dd..a8748ea9c 100644 --- a/docs/api/wrapper/setValue.md +++ b/docs/api/wrapper/setValue.md @@ -12,17 +12,19 @@ Sets value of a text-control input or select element and updates `v-model` bound import { mount } from '@vue/test-utils' import Foo from './Foo.vue' -const wrapper = mount(Foo) +test('setValue demo', async () => { + const wrapper = mount(Foo) -const textInput = wrapper.find('input[type="text"]') -textInput.setValue('some value') + const textInput = wrapper.find('input[type="text"]') + await textInput.setValue('some value') -const select = wrapper.find('select') -select.setValue('option value') + const select = wrapper.find('select') + await select.setValue('option value') -// requires + const multiselect = wrapper.find('select') + await multiselect.setValue(['value1', 'value3']) +}) ``` - **Note:** diff --git a/docs/ja/api/wrapper/setValue.md b/docs/ja/api/wrapper/setValue.md index f8c1eabe3..5345a6f36 100644 --- a/docs/ja/api/wrapper/setValue.md +++ b/docs/ja/api/wrapper/setValue.md @@ -12,17 +12,19 @@ text コントロールの input 要素の 値をセットします。そして import { mount } from '@vue/test-utils' import Foo from './Foo.vue' -const wrapper = mount(Foo) +test('setValue demo', async () => { + const wrapper = mount(Foo) -const textInput = wrapper.find('input[type="text"]') -textInput.setValue('some value') + const textInput = wrapper.find('input[type="text"]') + await textInput.setValue('some value') -const select = wrapper.find('select') -select.setValue('option value') + const select = wrapper.find('select') + await select.setValue('option value') -// requires + const multiselect = wrapper.find('select') + await multiselect.setValue(['value1', 'value3']) +}) ``` - **注:** diff --git a/docs/ru/api/wrapper/setValue.md b/docs/ru/api/wrapper/setValue.md index 6971ff9ae..65d41fc91 100644 --- a/docs/ru/api/wrapper/setValue.md +++ b/docs/ru/api/wrapper/setValue.md @@ -12,17 +12,19 @@ import { mount } from '@vue/test-utils' import Foo from './Foo.vue' -const wrapper = mount(Foo) +test('setValue demo', async () => { + const wrapper = mount(Foo) -const textInput = wrapper.find('input[type="text"]') -textInput.setValue('some value') + const textInput = wrapper.find('input[type="text"]') + await textInput.setValue('some value') -const select = wrapper.find('select') -select.setValue('option value') + const select = wrapper.find('select') + await select.setValue('option value') -// требует + const multiselect = wrapper.find('select') + await multiselect.setValue(['value1', 'value3']) +}) ``` - **Примечание:** diff --git a/docs/zh/api/wrapper/setValue.md b/docs/zh/api/wrapper/setValue.md index d3a2864d0..0ca668a23 100644 --- a/docs/zh/api/wrapper/setValue.md +++ b/docs/zh/api/wrapper/setValue.md @@ -12,17 +12,19 @@ import { mount } from '@vue/test-utils' import Foo from './Foo.vue' -const wrapper = mount(Foo) +test('setValue demo', async () => { + const wrapper = mount(Foo) -const textInput = wrapper.find('input[type="text"]') -textInput.setValue('some value') + const textInput = wrapper.find('input[type="text"]') + await textInput.setValue('some value') -const select = wrapper.find('select') -select.setValue('option value') + const select = wrapper.find('select') + await select.setValue('option value') -// requires + const multiselect = wrapper.find('select') + await multiselect.setValue(['value1', 'value3']) +}) ``` - **注意：** From e7e410d7bb957508bfe59123ec4a17368c2aee52 Mon Sep 17 00:00:00 2001 From: Bill Date: Thu, 13 Aug 2020 22:03:51 -0400 Subject: [PATCH 02/10] docs(setselected): update setSelected docs to reflect async mode --- docs/api/wrapper/setSelected.md | 8 +++++--- docs/ja/api/wrapper/setSelected.md | 8 +++++--- docs/ru/api/wrapper/setSelected.md | 8 +++++--- docs/zh/api/wrapper/setSelected.md | 8 +++++--- 4 files changed, 20 insertions(+), 12 deletions(-) diff --git a/docs/api/wrapper/setSelected.md b/docs/api/wrapper/setSelected.md index 85767740a..3d1ab42d7 100644 --- a/docs/api/wrapper/setSelected.md +++ b/docs/api/wrapper/setSelected.md @@ -8,10 +8,12 @@ Selects an option element and updates `v-model` bound data. import { mount } from '@vue/test-utils' import Foo from './Foo.vue' -const wrapper = mount(Foo) -const options = wrapper.find('select').findAll('option') +test('setSelected demo', async () => { + const wrapper = mount(Foo) + const options = wrapper.find('select').findAll('option') -options.at(1).setSelected() + await options.at(1).setSelected() +}) ``` - **Note:** diff --git a/docs/ja/api/wrapper/setSelected.md b/docs/ja/api/wrapper/setSelected.md index fb2fe3ad8..efbd2bf23 100644 --- a/docs/ja/api/wrapper/setSelected.md +++ b/docs/ja/api/wrapper/setSelected.md @@ -8,10 +8,12 @@ option 要素を選択します。そして、 `v-model` に束縛されてい import { mount } from '@vue/test-utils' import Foo from './Foo.vue' -const wrapper = mount(Foo) -const options = wrapper.find('select').findAll('option') +test('setSelected demo', async () => { + const wrapper = mount(Foo) + const options = wrapper.find('select').findAll('option') -options.at(1).setSelected() + await options.at(1).setSelected() +}) ``` - **注:** diff --git a/docs/ru/api/wrapper/setSelected.md b/docs/ru/api/wrapper/setSelected.md index de9c36433..1c8b3380b 100644 --- a/docs/ru/api/wrapper/setSelected.md +++ b/docs/ru/api/wrapper/setSelected.md @@ -8,10 +8,12 @@ import { mount } from '@vue/test-utils' import Foo from './Foo.vue' -const wrapper = mount(Foo) -const options = wrapper.find('select').findAll('option') +test('setSelected demo', async () => { + const wrapper = mount(Foo) + const options = wrapper.find('select').findAll('option') -options.at(1).setSelected() + await options.at(1).setSelected() +}) ``` - **Примечание:** diff --git a/docs/zh/api/wrapper/setSelected.md b/docs/zh/api/wrapper/setSelected.md index f530d1fb6..1bff33934 100644 --- a/docs/zh/api/wrapper/setSelected.md +++ b/docs/zh/api/wrapper/setSelected.md @@ -8,10 +8,12 @@ import { mount } from '@vue/test-utils' import Foo from './Foo.vue' -const wrapper = mount(Foo) -const options = wrapper.find('select').findAll('option') +test('setSelected demo', async () => { + const wrapper = mount(Foo) + const options = wrapper.find('select').findAll('option') -options.at(1).setSelected() + await options.at(1).setSelected() +}) ``` - **注意：** From 159971d64a812e6645f41c2b819e028639c7c7c2 Mon Sep 17 00:00:00 2001 From: Bill Date: Thu, 13 Aug 2020 22:05:15 -0400 Subject: [PATCH 03/10] docs(setprops): update setProps docs to reflect async mode --- docs/api/wrapper/setProps.md | 8 +++++--- docs/guides/common-tips.md | 6 ++++-- docs/ja/api/wrapper/setProps.md | 8 +++++--- docs/ja/guides/common-tips.md | 6 ++++-- docs/ru/api/wrapper/setProps.md | 8 +++++--- docs/ru/guides/common-tips.md | 6 ++++-- docs/zh/api/wrapper/setProps.md | 8 +++++--- docs/zh/guides/common-tips.md | 6 ++++-- 8 files changed, 36 insertions(+), 20 deletions(-) diff --git a/docs/api/wrapper/setProps.md b/docs/api/wrapper/setProps.md index 7b6ed8fe0..c95228a27 100644 --- a/docs/api/wrapper/setProps.md +++ b/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. diff --git a/docs/guides/common-tips.md b/docs/guides/common-tips.md index 44ebf4211..9401a6093 100644 --- a/docs/guides/common-tips.md +++ b/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 diff --git a/docs/ja/api/wrapper/setProps.md b/docs/ja/api/wrapper/setProps.md index 62427734e..7e0ff9545 100644 --- a/docs/ja/api/wrapper/setProps.md +++ b/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` オブジェクトを渡すことができます。 diff --git a/docs/ja/guides/common-tips.md b/docs/ja/guides/common-tips.md index 99b58b331..588c6e181 100644 --- a/docs/ja/guides/common-tips.md +++ b/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' }) +}) ``` ### プロパティをモックする diff --git a/docs/ru/api/wrapper/setProps.md b/docs/ru/api/wrapper/setProps.md index be510897c..11d58bef7 100644 --- a/docs/ru/api/wrapper/setProps.md +++ b/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 с переданными значениями. diff --git a/docs/ru/guides/common-tips.md b/docs/ru/guides/common-tips.md index f7f33b313..e1f23e4a2 100644 --- a/docs/ru/guides/common-tips.md +++ b/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' }) +}) ``` ### Моки входных параметров diff --git a/docs/zh/api/wrapper/setProps.md b/docs/zh/api/wrapper/setProps.md index dd7d6bace..c5bf88c36 100644 --- a/docs/zh/api/wrapper/setProps.md +++ b/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 示例。 diff --git a/docs/zh/guides/common-tips.md b/docs/zh/guides/common-tips.md index 341b067ad..110fc0a96 100644 --- a/docs/zh/guides/common-tips.md +++ b/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 From 69a8cd82ebb8d8b303daae96bec577427d96d34f Mon Sep 17 00:00:00 2001 From: Bill Date: Thu, 13 Aug 2020 22:25:43 -0400 Subject: [PATCH 04/10] docs: update setData docs to reflect async mode --- docs/api/wrapper/setData.md | 8 +++++--- docs/ja/api/wrapper/setData.md | 8 +++++--- docs/ru/api/wrapper/setData.md | 8 +++++--- docs/zh/api/wrapper/setData.md | 8 +++++--- 4 files changed, 20 insertions(+), 12 deletions(-) diff --git a/docs/api/wrapper/setData.md b/docs/api/wrapper/setData.md index ca622d3d3..ee0f87dd0 100644 --- a/docs/api/wrapper/setData.md +++ b/docs/api/wrapper/setData.md @@ -16,7 +16,9 @@ setData works by recursively calling Vue.set. import { mount } from '@vue/test-utils' import Foo from './Foo.vue' -const wrapper = mount(Foo) -wrapper.setData({ foo: 'bar' }) -expect(wrapper.vm.foo).toBe('bar') +test('setData demo', async () => { + const wrapper = mount(Foo) + await wrapper.setData({ foo: 'bar' }) + expect(wrapper.vm.foo).toBe('bar') +}) ``` diff --git a/docs/ja/api/wrapper/setData.md b/docs/ja/api/wrapper/setData.md index 50f5fa2eb..3518becd5 100644 --- a/docs/ja/api/wrapper/setData.md +++ b/docs/ja/api/wrapper/setData.md @@ -16,7 +16,9 @@ setData は再帰的に Vue.set を実行することで動作します。 import { mount } from '@vue/test-utils' import Foo from './Foo.vue' -const wrapper = mount(Foo) -wrapper.setData({ foo: 'bar' }) -expect(wrapper.vm.foo).toBe('bar') +test('setData demo', async () => { + const wrapper = mount(Foo) + await wrapper.setData({ foo: 'bar' }) + expect(wrapper.vm.foo).toBe('bar') +}) ``` diff --git a/docs/ru/api/wrapper/setData.md b/docs/ru/api/wrapper/setData.md index 42ea52b95..e81cea350 100644 --- a/docs/ru/api/wrapper/setData.md +++ b/docs/ru/api/wrapper/setData.md @@ -18,7 +18,9 @@ setData работает путём слияния существующих св import { mount } from '@vue/test-utils' import Foo from './Foo.vue' -const wrapper = mount(Foo) -wrapper.setData({ foo: 'bar' }) -expect(wrapper.vm.foo).toBe('bar') +test('setData demo', async () => { + const wrapper = mount(Foo) + await wrapper.setData({ foo: 'bar' }) + expect(wrapper.vm.foo).toBe('bar') +}) ``` diff --git a/docs/zh/api/wrapper/setData.md b/docs/zh/api/wrapper/setData.md index 902d45c78..5b81a04a2 100644 --- a/docs/zh/api/wrapper/setData.md +++ b/docs/zh/api/wrapper/setData.md @@ -16,7 +16,9 @@ import { mount } from '@vue/test-utils' import Foo from './Foo.vue' -const wrapper = mount(Foo) -wrapper.setData({ foo: 'bar' }) -expect(wrapper.vm.foo).toBe('bar') +test('setData demo', async () => { + const wrapper = mount(Foo) + await wrapper.setData({ foo: 'bar' }) + expect(wrapper.vm.foo).toBe('bar') +}) ``` From c82d222a594f01cd2ade992f96e8fdc4fed8c890 Mon Sep 17 00:00:00 2001 From: Bill Date: Thu, 13 Aug 2020 22:32:44 -0400 Subject: [PATCH 05/10] docs(setchecked): update setChecked docs to reflect async mode --- docs/api/wrapper/setChecked.md | 8 +++++--- docs/ja/api/wrapper/setChecked.md | 8 +++++--- docs/ru/api/wrapper/setChecked.md | 8 +++++--- docs/zh/api/wrapper/setChecked.md | 8 +++++--- 4 files changed, 20 insertions(+), 12 deletions(-) diff --git a/docs/api/wrapper/setChecked.md b/docs/api/wrapper/setChecked.md index f0b49c0b7..36b5349f3 100644 --- a/docs/api/wrapper/setChecked.md +++ b/docs/api/wrapper/setChecked.md @@ -12,9 +12,11 @@ Sets checked value for input element of type checkbox or radio and updates `v-mo import { mount } from '@vue/test-utils' import Foo from './Foo.vue' -const wrapper = mount(Foo) -const radioInput = wrapper.find('input[type="radio"]') -radioInput.setChecked() +test('setChecked demo', async () => { + const wrapper = mount(Foo) + const radioInput = wrapper.find('input[type="radio"]') + await radioInput.setChecked() +}) ``` - **Note:** diff --git a/docs/ja/api/wrapper/setChecked.md b/docs/ja/api/wrapper/setChecked.md index a8de51572..47f96dfdf 100644 --- a/docs/ja/api/wrapper/setChecked.md +++ b/docs/ja/api/wrapper/setChecked.md @@ -11,9 +11,11 @@ checkbox 型もしくは radio 型の input 要素の checked の値をセット import { mount } from '@vue/test-utils' import Foo from './Foo.vue' -const wrapper = mount(Foo) -const radioInput = wrapper.find('input[type="radio"]') -radioInput.setChecked() +test('setChecked demo', async () => { + const wrapper = mount(Foo) + const radioInput = wrapper.find('input[type="radio"]') + await radioInput.setChecked() +}) ``` - **注:** diff --git a/docs/ru/api/wrapper/setChecked.md b/docs/ru/api/wrapper/setChecked.md index 41f6e3cd3..cf1a3f7c8 100644 --- a/docs/ru/api/wrapper/setChecked.md +++ b/docs/ru/api/wrapper/setChecked.md @@ -12,9 +12,11 @@ import { mount } from '@vue/test-utils' import Foo from './Foo.vue' -const wrapper = mount(Foo) -const radioInput = wrapper.find('input[type="radio"]') -radioInput.setChecked() +test('setChecked demo', async () => { + const wrapper = mount(Foo) + const radioInput = wrapper.find('input[type="radio"]') + await radioInput.setChecked() +}) ``` - **Примечание:** diff --git a/docs/zh/api/wrapper/setChecked.md b/docs/zh/api/wrapper/setChecked.md index d4273ca53..db9ad9cd8 100644 --- a/docs/zh/api/wrapper/setChecked.md +++ b/docs/zh/api/wrapper/setChecked.md @@ -12,9 +12,11 @@ import { mount } from '@vue/test-utils' import Foo from './Foo.vue' -const wrapper = mount(Foo) -const radioInput = wrapper.find('input[type="radio"]') -radioInput.setChecked() +test('setChecked demo', async () => { + const wrapper = mount(Foo) + const radioInput = wrapper.find('input[type="radio"]') + await radioInput.setChecked() +}) ``` - **注意：** From 65f813e9ecb65069a8935714615ccce1549abe47 Mon Sep 17 00:00:00 2001 From: Jordy Schreuders <3071062+99linesofcode@users.noreply.github.com> Date: Tue, 18 Aug 2020 12:10:56 +0200 Subject: [PATCH 06/10] docs(setchecked): add assertions --- docs/api/wrapper/setChecked.md | 3 +++ docs/ja/api/wrapper/setChecked.md | 3 +++ docs/ru/api/wrapper/setChecked.md | 3 +++ docs/zh/api/wrapper/setChecked.md | 3 +++ 4 files changed, 12 insertions(+) diff --git a/docs/api/wrapper/setChecked.md b/docs/api/wrapper/setChecked.md index 36b5349f3..64d0d1738 100644 --- a/docs/api/wrapper/setChecked.md +++ b/docs/api/wrapper/setChecked.md @@ -15,7 +15,10 @@ import Foo from './Foo.vue' test('setChecked demo', async () => { const wrapper = mount(Foo) const radioInput = wrapper.find('input[type="radio"]') + await radioInput.setChecked() + + expect(radioInput.element.checked).toBeTruthy() }) ``` diff --git a/docs/ja/api/wrapper/setChecked.md b/docs/ja/api/wrapper/setChecked.md index 47f96dfdf..c8a06701a 100644 --- a/docs/ja/api/wrapper/setChecked.md +++ b/docs/ja/api/wrapper/setChecked.md @@ -14,7 +14,10 @@ import Foo from './Foo.vue' test('setChecked demo', async () => { const wrapper = mount(Foo) const radioInput = wrapper.find('input[type="radio"]') + await radioInput.setChecked() + + expect(radioInput.element.checked).toBeTruthy() }) ``` diff --git a/docs/ru/api/wrapper/setChecked.md b/docs/ru/api/wrapper/setChecked.md index cf1a3f7c8..5bf3e68bd 100644 --- a/docs/ru/api/wrapper/setChecked.md +++ b/docs/ru/api/wrapper/setChecked.md @@ -15,7 +15,10 @@ import Foo from './Foo.vue' test('setChecked demo', async () => { const wrapper = mount(Foo) const radioInput = wrapper.find('input[type="radio"]') + await radioInput.setChecked() + + expect(radioInput.element.checked).toBeTruthy() }) ``` diff --git a/docs/zh/api/wrapper/setChecked.md b/docs/zh/api/wrapper/setChecked.md index db9ad9cd8..fbb831db6 100644 --- a/docs/zh/api/wrapper/setChecked.md +++ b/docs/zh/api/wrapper/setChecked.md @@ -15,7 +15,10 @@ import Foo from './Foo.vue' test('setChecked demo', async () => { const wrapper = mount(Foo) const radioInput = wrapper.find('input[type="radio"]') + await radioInput.setChecked() + + expect(radioInput.element.checked).toBeTruthy() }) ``` From d3b2eed20cd9bc8c67475a0b26458b516c99f205 Mon Sep 17 00:00:00 2001 From: Jordy Schreuders <3071062+99linesofcode@users.noreply.github.com> Date: Tue, 18 Aug 2020 12:12:11 +0200 Subject: [PATCH 07/10] docs(setdata): add whitespace to AAA --- docs/api/wrapper/setData.md | 2 ++ docs/ja/api/wrapper/setData.md | 2 ++ docs/ru/api/wrapper/setData.md | 2 ++ docs/zh/api/wrapper/setData.md | 2 ++ 4 files changed, 8 insertions(+) diff --git a/docs/api/wrapper/setData.md b/docs/api/wrapper/setData.md index ee0f87dd0..ef8323ca3 100644 --- a/docs/api/wrapper/setData.md +++ b/docs/api/wrapper/setData.md @@ -18,7 +18,9 @@ import Foo from './Foo.vue' test('setData demo', async () => { const wrapper = mount(Foo) + await wrapper.setData({ foo: 'bar' }) + expect(wrapper.vm.foo).toBe('bar') }) ``` diff --git a/docs/ja/api/wrapper/setData.md b/docs/ja/api/wrapper/setData.md index 3518becd5..0fe2a33c2 100644 --- a/docs/ja/api/wrapper/setData.md +++ b/docs/ja/api/wrapper/setData.md @@ -18,7 +18,9 @@ import Foo from './Foo.vue' test('setData demo', async () => { const wrapper = mount(Foo) + await wrapper.setData({ foo: 'bar' }) + expect(wrapper.vm.foo).toBe('bar') }) ``` diff --git a/docs/ru/api/wrapper/setData.md b/docs/ru/api/wrapper/setData.md index e81cea350..a5b405ced 100644 --- a/docs/ru/api/wrapper/setData.md +++ b/docs/ru/api/wrapper/setData.md @@ -20,7 +20,9 @@ import Foo from './Foo.vue' test('setData demo', async () => { const wrapper = mount(Foo) + await wrapper.setData({ foo: 'bar' }) + expect(wrapper.vm.foo).toBe('bar') }) ``` diff --git a/docs/zh/api/wrapper/setData.md b/docs/zh/api/wrapper/setData.md index 5b81a04a2..b0b551f71 100644 --- a/docs/zh/api/wrapper/setData.md +++ b/docs/zh/api/wrapper/setData.md @@ -18,7 +18,9 @@ import Foo from './Foo.vue' test('setData demo', async () => { const wrapper = mount(Foo) + await wrapper.setData({ foo: 'bar' }) + expect(wrapper.vm.foo).toBe('bar') }) ``` From c90aed5028e583b5bc1b7b7053c18ab070a50d3b Mon Sep 17 00:00:00 2001 From: Jordy Schreuders <3071062+99linesofcode@users.noreply.github.com> Date: Tue, 18 Aug 2020 12:15:18 +0200 Subject: [PATCH 08/10] docs(setprops): add whitespace to AAA --- docs/api/wrapper/setProps.md | 2 ++ docs/ja/api/wrapper/setProps.md | 2 ++ docs/ru/api/wrapper/setProps.md | 2 ++ docs/zh/api/wrapper/setProps.md | 2 ++ 4 files changed, 8 insertions(+) diff --git a/docs/api/wrapper/setProps.md b/docs/api/wrapper/setProps.md index c95228a27..9fc39cc7d 100644 --- a/docs/api/wrapper/setProps.md +++ b/docs/api/wrapper/setProps.md @@ -16,7 +16,9 @@ import Foo from './Foo.vue' test('setProps demo', async () => { const wrapper = mount(Foo) + await wrapper.setProps({ foo: 'bar' }) + expect(wrapper.vm.foo).toBe('bar') }) ``` diff --git a/docs/ja/api/wrapper/setProps.md b/docs/ja/api/wrapper/setProps.md index 7e0ff9545..6f72b03c7 100644 --- a/docs/ja/api/wrapper/setProps.md +++ b/docs/ja/api/wrapper/setProps.md @@ -16,7 +16,9 @@ import Foo from './Foo.vue' test('setProps demo', async () => { const wrapper = mount(Foo) + await wrapper.setProps({ foo: 'bar' }) + expect(wrapper.vm.foo).toBe('bar') }) ``` diff --git a/docs/ru/api/wrapper/setProps.md b/docs/ru/api/wrapper/setProps.md index 11d58bef7..9e4764161 100644 --- a/docs/ru/api/wrapper/setProps.md +++ b/docs/ru/api/wrapper/setProps.md @@ -16,7 +16,9 @@ import Foo from './Foo.vue' test('setProps demo', async () => { const wrapper = mount(Foo) + await wrapper.setProps({ foo: 'bar' }) + expect(wrapper.vm.foo).toBe('bar') }) ``` diff --git a/docs/zh/api/wrapper/setProps.md b/docs/zh/api/wrapper/setProps.md index c5bf88c36..80e13a466 100644 --- a/docs/zh/api/wrapper/setProps.md +++ b/docs/zh/api/wrapper/setProps.md @@ -16,7 +16,9 @@ import Foo from './Foo.vue' test('setProps demo', async () => { const wrapper = mount(Foo) + await wrapper.setProps({ foo: 'bar' }) + expect(wrapper.vm.foo).toBe('bar') }) ``` From 702851e9d0232f64d4e9dce47b179571f72b00a4 Mon Sep 17 00:00:00 2001 From: Jordy Schreuders <3071062+99linesofcode@users.noreply.github.com> Date: Tue, 18 Aug 2020 12:20:57 +0200 Subject: [PATCH 09/10] docs(setselected): add assertion --- docs/api/wrapper/setSelected.md | 2 ++ docs/ja/api/wrapper/setSelected.md | 2 ++ docs/ru/api/wrapper/setSelected.md | 2 ++ docs/zh/api/wrapper/setSelected.md | 2 ++ 4 files changed, 8 insertions(+) diff --git a/docs/api/wrapper/setSelected.md b/docs/api/wrapper/setSelected.md index 3d1ab42d7..fa953f672 100644 --- a/docs/api/wrapper/setSelected.md +++ b/docs/api/wrapper/setSelected.md @@ -13,6 +13,8 @@ test('setSelected demo', async () => { const options = wrapper.find('select').findAll('option') await options.at(1).setSelected() + + expect(wrapper.find('option:checked').element.value).toBe('bar') }) ``` diff --git a/docs/ja/api/wrapper/setSelected.md b/docs/ja/api/wrapper/setSelected.md index efbd2bf23..f5e123e28 100644 --- a/docs/ja/api/wrapper/setSelected.md +++ b/docs/ja/api/wrapper/setSelected.md @@ -13,6 +13,8 @@ test('setSelected demo', async () => { const options = wrapper.find('select').findAll('option') await options.at(1).setSelected() + + expect(wrapper.find('option:checked').element.value).toBe('bar') }) ``` diff --git a/docs/ru/api/wrapper/setSelected.md b/docs/ru/api/wrapper/setSelected.md index 1c8b3380b..4f6e9e1c2 100644 --- a/docs/ru/api/wrapper/setSelected.md +++ b/docs/ru/api/wrapper/setSelected.md @@ -13,6 +13,8 @@ test('setSelected demo', async () => { const options = wrapper.find('select').findAll('option') await options.at(1).setSelected() + + expect(wrapper.find('option:checked').element.value).toBe('bar') }) ``` diff --git a/docs/zh/api/wrapper/setSelected.md b/docs/zh/api/wrapper/setSelected.md index 1bff33934..0bc042020 100644 --- a/docs/zh/api/wrapper/setSelected.md +++ b/docs/zh/api/wrapper/setSelected.md @@ -13,6 +13,8 @@ test('setSelected demo', async () => { const options = wrapper.find('select').findAll('option') await options.at(1).setSelected() + + expect(wrapper.find('option:checked').element.value).toBe('bar') }) ``` From 3801438406ef80c710e6cb8cfb0a426a0b1b9445 Mon Sep 17 00:00:00 2001 From: Jordy Schreuders <3071062+99linesofcode@users.noreply.github.com> Date: Tue, 18 Aug 2020 13:30:51 +0200 Subject: [PATCH 10/10] docs(setvalue): add assertions --- docs/api/wrapper/setValue.md | 9 +++++++++ docs/ja/api/wrapper/setValue.md | 9 +++++++++ docs/ru/api/wrapper/setValue.md | 9 +++++++++ docs/zh/api/wrapper/setValue.md | 9 +++++++++ 4 files changed, 36 insertions(+) diff --git a/docs/api/wrapper/setValue.md b/docs/api/wrapper/setValue.md index a8748ea9c..efe2a29f4 100644 --- a/docs/api/wrapper/setValue.md +++ b/docs/api/wrapper/setValue.md @@ -18,12 +18,21 @@ test('setValue demo', async () => { const textInput = wrapper.find('input[type="text"]') await textInput.setValue('some value') + expect(wrapper.find('input[type="text"]').element.value).toBe('some value') + const select = wrapper.find('select') await select.setValue('option value') + expect(wrapper.find('select').element.value).toBe('option value') + // requires const multiselect = wrapper.find('select') await multiselect.setValue(['value1', 'value3']) + + const selectedOptions = Array.from(multiselect.element.selectedOptions).map( + o => o.value + ) + expect(selectedOptions).toEqual(['value1', 'value3']) }) ``` diff --git a/docs/ru/api/wrapper/setValue.md b/docs/ru/api/wrapper/setValue.md index 65d41fc91..39690572e 100644 --- a/docs/ru/api/wrapper/setValue.md +++ b/docs/ru/api/wrapper/setValue.md @@ -18,12 +18,21 @@ test('setValue demo', async () => { const textInput = wrapper.find('input[type="text"]') await textInput.setValue('some value') + expect(wrapper.find('input[type="text"]').element.value).toBe('some value') + const select = wrapper.find('select') await select.setValue('option value') + expect(wrapper.find('select').element.value).toBe('option value') + // requires const multiselect = wrapper.find('select') await multiselect.setValue(['value1', 'value3']) + + const selectedOptions = Array.from(multiselect.element.selectedOptions).map( + o => o.value + ) + expect(selectedOptions).toEqual(['value1', 'value3']) }) ```