Skip to content

Commit 47f793e

Browse files
authored
fix text mistakes. (#202)
1 parent cadf8fa commit 47f793e

File tree

2 files changed

+10
-10
lines changed

2 files changed

+10
-10
lines changed

src/ru/components-with-props.md

+2-2
Original file line numberDiff line numberDiff line change
@@ -151,7 +151,7 @@ PASS tests/unit/SubmitButton.spec.js
151151

152152
## Рефакторинг через фабрику (factory function)
153153

154-
В обоих тестах мы вызываем `shallowMount`, затем передаём похожий объект `propsData`. Мы можем это исправить, используя фабрику. Под фабрикой понимают функцию, которая возвращает объект – она производит объекты, отсюда и её название.
154+
В обоих тестах мы вызываем `mount`, затем передаём похожий объект `propsData`. Мы можем это исправить, используя фабрику. Под фабрикой понимают функцию, которая возвращает объект – она производит объекты, отсюда и её название.
155155

156156
```js
157157
const msg = "Войти"
@@ -165,7 +165,7 @@ const factory = (propsData) => {
165165
}
166166
```
167167

168-
Выше приведена функция, которая отрисовывает компонент `SubmitButton` через `shallowMount`. Мы можем передавать любые данные первым аргументом в функцию `factory`. Давайте перепишем тесты, придерживаясь принципа DRY.
168+
Выше приведена функция, которая отрисовывает компонент `SubmitButton` через `mount`. Мы можем передавать любые данные первым аргументом в функцию `factory`. Давайте перепишем тесты, придерживаясь принципа DRY.
169169

170170
```js
171171
describe("SubmitButton.vue", () => {

src/ru/simulating-user-input.md

+8-8
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,8 @@
2222
<input type="submit">
2323
</form>
2424
25-
<div
26-
class="message"
25+
<div
26+
class="message"
2727
v-if="submitted"
2828
>
2929
Спасибо за ваше сообщение, {{ username }}.
@@ -57,7 +57,7 @@
5757
</script>
5858
```
5959

60-
Всё достаточно просто: мы устанавливаем `submitted` в значение `true`, когда форма отправлена. После чего появляется `<div>` c благодарственным сообщением.
60+
Всё достаточно просто: мы устанавливаем `submitted` в значение `true`, когда форма отправлена. После чего появляется `<div>` c благодарственным сообщением.
6161

6262
## Написание теста
6363

@@ -71,7 +71,7 @@ describe("FormSubmitter", () => {
7171
it("Показывает сообщение после отправки", async () => {
7272
const wrapper = mount(FormSubmitter)
7373

74-
await wrapper.find("[data-username]").setValue("Алима")
74+
await wrapper.find("[data-username]").setValue("Алиса")
7575
await wrapper.find("form").trigger("submit.prevent")
7676

7777
expect(wrapper.find(".message").text())
@@ -88,7 +88,7 @@ describe("FormSubmitter", () => {
8888

8989
```js
9090
wrapper.setValue(...)
91-
await wrapper.vm.$nextTick() // "Ждём пока обновится DOM, перед тем как продолжить тестирование"
91+
await wrapper.vm.$nextTick() // "Ждём пока обновится DOM, перед тем как продолжить тестирование"
9292
```
9393

9494
Иногда вы можете тестировать, не дожидаясь `nextTick`, но если ваши компоненты начинают усложняться, вы можете попасть в состояние гонки, и ваша проверка выполнится до того, как Vue обновит DOM. Вы можете узнать больше об этом в официальной [документации vue-test-utils](https://vue-test-utils.vuejs.org/ru/guides/#%D1%82%D0%B5%D1%81%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D0%B0%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%BD%D0%BE%D0%B9-n%D0%BE%D0%B3%D0%B8%D0%BA%D0%B8).
@@ -115,7 +115,7 @@ await wrapper.vm.$nextTick() // "Ждём пока обновится DOM, пе
115115
handleSubmitAsync() {
116116
return this.$http.get("/api/v1/register", { username: this.username })
117117
.then(() => {
118-
// показываем собщение об успешной отправке
118+
// показываем сообщение об успешной отправке
119119
})
120120
.catch(() => {
121121
// обрабатываем ошибки
@@ -161,7 +161,7 @@ methods: {
161161
}
162162
```
163163

164-
Также обновим `<template>`, используя новый метод `handleSubmitAsync`
164+
Также обновим `<template>`, используя новый метод `handleSubmitAsync`
165165

166166
```vue
167167
<template>
@@ -217,7 +217,7 @@ it("Показывает сообщение после отправки", () =>
217217

218218
Теперь, вместо того, чтобы использовать реальную http-библиотеку, присвоенную в `Vue.prototype.$http`, будет взята наша мок реализация. Это хорошо тем, что мы можем контролировать окружение теста и получать одинаковый результат.
219219

220-
Запустив `yarn test:unit`, наш тест не пройдёт проверку:
220+
Запустив `yarn test:unit`, наш тест не пройдёт проверку:
221221

222222

223223
```bash

0 commit comments

Comments
 (0)