Skip to content

[DONE]: Translating 'Unit Testing' #25

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 17 commits into from
Jan 19, 2020
Merged

[DONE]: Translating 'Unit Testing' #25

Changes from all commits
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
9efc64f
translated page title
mohamedsgap Jan 15, 2020
55442c0
translated simple assertions
mohamedsgap Jan 17, 2020
55569bf
writing testable components
mohamedsgap Jan 17, 2020
d0bc909
translated async update assertions
mohamedsgap Jan 17, 2020
bdadddf
Update src/v2/guide/unit-testing.md
mohamedsgap Jan 17, 2020
0f62fb4
Update src/v2/guide/unit-testing.md
mohamedsgap Jan 17, 2020
1b72b9b
Update src/v2/guide/unit-testing.md
mohamedsgap Jan 17, 2020
90d0e06
Update src/v2/guide/unit-testing.md
mohamedsgap Jan 18, 2020
8e32df3
Update src/v2/guide/unit-testing.md
mohamedsgap Jan 18, 2020
c7a4920
Update src/v2/guide/unit-testing.md
mohamedsgap Jan 18, 2020
1ebeadd
Update src/v2/guide/unit-testing.md
mohamedsgap Jan 18, 2020
14a9e82
Update src/v2/guide/unit-testing.md
mohamedsgap Jan 18, 2020
543c6a8
Update src/v2/guide/unit-testing.md
mohamedsgap Jan 18, 2020
52f1c49
Update src/v2/guide/unit-testing.md
mohamedsgap Jan 19, 2020
2759ab5
Update src/v2/guide/unit-testing.md
mohamedsgap Jan 19, 2020
3b5bd9f
Update src/v2/guide/unit-testing.md
mohamedsgap Jan 19, 2020
7a63f98
Update src/v2/guide/unit-testing.md
mohamedsgap Jan 19, 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
22 changes: 11 additions & 11 deletions src/v2/guide/unit-testing.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
title: Unit Testing
title: اختبار الوحدة
type: guide
order: 402
---

> [Vue CLI](https://cli.vuejs.org/) has built-in options for unit testing with [Jest](https://github.com/facebook/jest) or [Mocha](https://mochajs.org/) that works out of the box. We also have the official [Vue Test Utils](https://vue-test-utils.vuejs.org/) which provides more detailed guidance for custom setups.
> يحتوي [Vue CLI](https://cli.vuejs.org) على خيارات مدمجة لاختبار الوحدة بـ[Jest](https://github.com/facebook/jest) أو [Mocha](https://mochajs.org/) التي تعمل من خارج المنطقة. لدينا أيضًا [أداة الاختبار Vue](https://vue-test-utils.vuejs.org/) الرسمية الذي يوفر إرشادات أكثر تفصيلًا عن الإعدادات المخصصة.

## Simple Assertions
## تحققات بسيطة

You don't have to do anything special in your components to make them testable. Export the raw options:
ليس عليك القيام بأي شيء خاص في مكوناتك لجعلها قابلة للاختبار. تصدير اسطر الخيارات :

``` html
<template>
Expand All @@ -29,7 +29,7 @@ You don't have to do anything special in your components to make them testable.
</script>
```

Then import the component options along with Vue, and you can make many common assertions (here we are using Jasmine/Jest style `expect` assertions just as an example):
بعد ذلك قم باستيراد خيارات المكونات مع Vue،ويمكنك تقديم العديد من التحققات الشائعة (هنا نستخدم لتحقق Jasmine/Jest style `expect` فقط كمثال):

``` js
// Import Vue and the component being tested
Expand Down Expand Up @@ -67,9 +67,9 @@ describe('MyComponent', () => {
})
```

## Writing Testable Components
## كتابة مكونات قابلة للاختبار

A component's render output is primarily determined by the props it receives. If a component's render output solely depends on its props it becomes straightforward to test, similar to asserting the return value of a pure function with different arguments. Take a simplified example:
يتم تحديد ناتج تصيير المكون في المقام الأول عن طريق "props" او الخصائص التي يتلقاها. إذا كان إخراج التجسيد الخاص بالمكون يعتمد فقط على الخصائص الخاصة به، فسيصبح من السهل اختباره، على غرار تأكيد قيمة الإرجاع للدالة العادية ذات الوسائط المختلفة. خذ مثالا مبسطا:

``` html
<template>
Expand All @@ -83,7 +83,7 @@ A component's render output is primarily determined by the props it receives. If
</script>
```

You can assert its render output with different props using the `propsData` option:
يمكنك تأكيد ناتج التصيير باستخدام الخصائص المختلفة باستخدام خيار `propsData`:

``` js
import Vue from 'vue'
Expand All @@ -109,9 +109,9 @@ describe('MyComponent', () => {
})
```

## Asserting Asynchronous Updates
## تأكيد التحديثات غير المتزامنة

Since Vue [performs DOM updates asynchronously](reactivity.html#Async-Update-Queue), assertions on DOM updates resulting from state change will have to be made in a `Vue.nextTick` callback:
نظرًا لأن Vue [تنفذ تحديثات DOM بشكل غير متزامن](reactivity.html#Async-Update-Queue)، فيجب إجراء التأكيدات على التحديثات DOM الناتجة عن تغيير الحالة في رد اتصال `Vue.nextTick`:

``` js
// Inspect the generated HTML after a state update
Expand All @@ -127,4 +127,4 @@ it('updates the rendered message when vm.message updates', done => {
})
```

For more in-depth information on unit testing in Vue, check out [Vue Test Utils](https://vue-test-utils.vuejs.org/) and our cookbook entry about [unit testing vue components](https://vuejs.org/v2/cookbook/unit-testing-vue-components.html).
لمزيد من المعلومات المتعمقة حول اختبار الوحدة في Vue، تحقق من [Vue Test Utils](https://vue-test-utils.vuejs.org/)، ومدخل (مقدمة) كتاب الطبخ الخاص بنا حول [اختبار الوحدة لمكونات Vue](https://vuejs.org/v2/cookbook/unit-testing-vue-components.html).