Skip to content

unit-testing.md updates #212

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Feb 17, 2020
Merged

unit-testing.md updates #212

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
946a348
fix: port changes from original documentation
sarahdayan Feb 6, 2020
ab5c373
Merge branch 'master' into patch-3
sarahdayan Feb 11, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions src/v2/guide/unit-testing.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ En termes de structure de code pour les tests, vous n'avez rien de spécial à f
</script>
```

Puis importez les options de composant avec [Vue Test Utils](https://vue-test-utils.vuejs.org/) et vous pourrez faire une série d'assertions communes (ici nous utilisons le style Jest avec l'assertions `expect` en tant qu'exemple) :
Puis importez le composant avec [Vue Test Utils](https://vue-test-utils.vuejs.org/) et vous pourrez faire une série d'assertions communes (ici nous utilisons le style Jest avec l'assertion `expect` en tant qu'exemple) :

``` js
// Importer `shallowMount` de Vue Test Utils et le composant à tester
Expand All @@ -40,7 +40,7 @@ import MyComponent from './MyComponent.vue'
const wrapper = shallowMount(MyComponent)

// Ici nous avons plusieurs tests avec Jest, cependant vous pouvez utiliser
// n'importe quel combo de lanceur de tests / bibliothèque d'assertions que vous préférez
// n'importe quel combo de lanceur de tests/bibliothèque d'assertions que vous préférez
describe('MyComponent', () => {
// Inspecter l'objet d'options du composant
it('a le hook `created`', () => {
Expand All @@ -57,12 +57,12 @@ describe('MyComponent', () => {

// Inspecter l'instance au montage du composant
it('affecte correctement les messages à la création', () => {
expect(wrapper.vm.$data.message).toBe('bye!')
expect(wrapper.vm.$data.message).toBe('au revoir !')
})

// Monter une instance et inspecter le résultat en sortie
it('rend le message correct', () => {
expect(wrapper.text()).toBe('bye!')
expect(wrapper.text()).toBe('au revoir !')
})
})
```
Expand Down