Skip to content

Commit e97b4f9

Browse files
authored
unit-testing.md updates (#210)
* fix: port changes from original documentation * fix: fix comment * fix: fix it statement
1 parent 531f01d commit e97b4f9

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

src/v2/guide/unit-testing.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -83,15 +83,15 @@ Une bonne partie du code en sortie du rendu d'un composant est principalement d
8383
</script>
8484
```
8585

86-
Vous pouvez faire des assertions sur le rendu en sortie avec différentes props en utilisant [Vue Test Utils](https://vue-test-utils.vuejs.org/) :
86+
Vous pouvez faire des assertions sur le rendu en sortie avec différentes props avec [Vue Test Utils](https://vue-test-utils.vuejs.org/) :
8787

8888
``` js
8989
import { shallowMount } from '@vue/test-utils'
9090
import MyComponent from './MyComponent.vue'
9191

9292
// Fonction utilitaire qui monte et retourne le composant rendu
9393
function getMountedComponent(Component, propsData) {
94-
return shallowMount(Component, {
94+
return shallowMount(MyComponent, {
9595
propsData
9696
})
9797
}
@@ -115,15 +115,15 @@ describe('MyComponent', () => {
115115

116116
## Assertions sur des mises à jour asynchrones
117117

118-
Parce que Vue [fait les mises à jour du DOM de manière asynchrone](reactivity.html#File-d’attente-de-mise-a-jour-asynchrone), les assertions sur les mises à jour du DOM résultant d'un changement d'état doivent être faites après que `vm.$nextTick()` soit résolue :
118+
Parce que Vue [fait les mises à jour du DOM de manière asynchrone](reactivity.html#File-d’attente-de-mise-a-jour-asynchrone), les assertions sur les mises à jour du DOM résultant d'un changement d'état doivent être faites une fois que la promesse retournée par `vm.$nextTick()` est résolue :
119119

120120
``` js
121121
// Inspecter le HTML généré après une mise à jour d'état
122-
it('met à jour le message rendu quand `vm.message` est mis à jour', async () => {
122+
it('met à jour le message rendu quand `wrapper.message` est mis à jour', async () => {
123123
const wrapper = shallowMount(MyComponent)
124124
wrapper.setData({ message: 'foo' })
125125

126-
// attendre une boucle (« tick ») après le changement d'état avant de faire l'assertion des mises à jour du DOM
126+
// Attendre une boucle (« tick ») après le changement d'état avant de faire l'assertion des mises à jour du DOM
127127
await wrapper.vm.$nextTick()
128128
expect(wrapper.text()).toBe('foo')
129129
})

0 commit comments

Comments
 (0)