Skip to content

Commit

Permalink
docs(ru): add forms page, check spelling
Browse files Browse the repository at this point in the history
  • Loading branch information
VisualYuki committed Dec 22, 2024
1 parent 2d5f757 commit b14960d
Show file tree
Hide file tree
Showing 4 changed files with 416 additions and 7 deletions.
2 changes: 1 addition & 1 deletion docs/.vitepress/config/ru.mts
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ export const ruConfig: LocaleSpecificConfig<DefaultTheme.Config> = {
text: 'Тестирование генерации событий',
link: '/ru/guide/essentials/event-handling'
},
{ text: 'Testing Forms', link: '/guide/essentials/forms' },
{ text: 'Тестирование форм', link: '/ru/guide/essentials/forms' },
{
text: 'Passing Data to Components',
link: '/guide/essentials/passing-data'
Expand Down
6 changes: 3 additions & 3 deletions docs/ru/guide/essentials/a-crash-course.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
- Добавлять компоненты
- Находить элементы
- Заполнять формы
- Вызывать события
- Вызвать события

## Приступая к изучению

Expand Down Expand Up @@ -78,7 +78,7 @@ test('renders a todo', () => {

## Добавление новой задачи

Следующий сценарий, который мы добавим для пользователя, будет создание новой задачи. Чтобы так сделать, нам нужна форма с полями ввода для пользователя, чтобы ввести какой-то текст. Когда пользователь подтвердит отправку формы, мы ожидаем новую отрисованную задачу. Давай взгляним на этот тест:
Следующий сценарий, который мы добавим для пользователя, будет создание новой задачи. Чтобы так сделать, нам нужна форма с полями ввода для пользователя, чтобы ввести какой-то текст. Когда пользователь подтвердит отправку формы, мы ожидаем новую отрисованную задачу. Давай взглянем на этот тест:

```js
import { mount } from '@vue/test-utils'
Expand Down Expand Up @@ -256,6 +256,6 @@ test('creates a todo', async () => {

- Используйте `mount()` для отображения компонента.
- Используйте `get()` и `findAll()` для получения DOM элементов.
- `trigger()` и `setValue()` - помошники для имитации пользовательского ввода.
- `trigger()` и `setValue()` - помощники для имитации пользовательского ввода.
- Изменение DOM это асинхронная операция, поэтому убедитесь, что используете `async` и `await`.
- Тестирование обычно состоит из трех фаз: подготовка, действие, проверка.
6 changes: 3 additions & 3 deletions docs/ru/guide/essentials/event-handling.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ test('emits an event when clicked', () => {
})
```

> Если ты еще не видел `trigger()` до этого, не беспокойся. Он используется для имитации действий пользователя. Ты можешь узнать больше в [Формы](/guide/essentials/forms).
> Если ты еще не видел `trigger()` до этого, не беспокойся. Он используется для имитации действий пользователя. Ты можешь узнать больше в [Формы](/ru/guide/essentials/forms).
Обратите внимание, что `emitted()` возвращает объект, где каждый ключ совпадает с генерированным событием. В данном случае, `increment`.

Expand Down Expand Up @@ -112,7 +112,7 @@ const Counter = {
}
```

Как делали раньше, нам нужно инициировать `click` событие на `<button>` элементе. После, мы используем `emitted('increment')`, чтобы убедиться в правильных сгенерированных значениях.
Как делали раньше, нам нужно вызвать `click` событие на `<button>` элементе. После, мы используем `emitted('increment')`, чтобы убедиться в правильных сгенерированных значениях.

```js
test('emits an event with count when clicked', () => {
Expand All @@ -121,7 +121,7 @@ test('emits an event with count when clicked', () => {
wrapper.find('button').trigger('click')
wrapper.find('button').trigger('click')

// Мы инициировали "clicked" дважды, поэтому массив `increment` должен
// Мы вызвали "clicked" дважды, поэтому массив `increment` должен
// иметь два значения.
expect(wrapper.emitted('increment')).toHaveLength(2)

Expand Down
Loading

0 comments on commit b14960d

Please sign in to comment.