الاختبار النهائي

السؤال 1 من 12

• اختبار مكوّن يعرض النموذج مع المحلّل الحقيقي وشبكة مزيّفة.
• unit test لعميل الـ API وحده.
• اختبار end-to-end لكل رسالة تحقّق.
• أنواع TypeScript أكثر صرامة على الـ props الخاصة بالنموذج.

السؤال 2 من 12

test('withTip', () => {
  expect(withTip(2000, 15).tipCents).toBe(300);
  expect(() => withTip(2000, -1)).toThrow();
  expect(withTip(2000, 0).totalCents).toBe(2000);
});

• لا يستطيع toBe مقارنة الأرقام بشكل موثوق.
• يفحص ثلاثة سلوكيات، ففشل الأول يُخفي البقية، والاسم لا يقول ما الذي انكسر.
• لا يجوز أن يحتوي الاختبار إلا على استدعاء expect واحد.
• يجب انتظار withTip بـ await.

السؤال 3 من 12

• 5 و6 و7
• 2 و12
• 0 و100
• 1 و2 و12 و13

السؤال 4 من 12

• استخدم resolves بدل rejects.
• أضف مزيدًا من كلمات await حول الاستدعاء.
• طابق الرسالة المتوقّعة، مثلًا .rejects.toThrow('HTTP 404').
• استبدل toThrow بـ toThrowError.

السؤال 5 من 12

• استعِد الـ mocks بعد كل اختبار، بـ vi.restoreAllMocks() داخل afterEach أو بـ restoreMocks: true في الإعدادات.
• شغّل ملفات الاختبار واحدًا تلو الآخر.
• ارفع مهلة الاختبار في Vitest.
• توقّف عن استخدام Math.random في كود الإنتاج.

السؤال 6 من 12

• screen.getByText('Delete expense')
• screen.getByRole('button', { name: 'Delete expense' })
• screen.getByTestId('delete')
• container.querySelector('svg').closest('button')

السؤال 7 من 12

• expect(screen.getByText('Saved')).toBeNull()
• expect(await screen.findByText('Saved')).toBeNull()
• انتظر 5 ثوانٍ، ثم expect(screen.queryByText('Saved')).toBeNull()
• await waitForElementToBeRemoved(() => screen.queryByText('Saved'))

السؤال 8 من 12

const rows = await page.getByRole('listitem').all();
expect(rows.length).toBe(3);

• أضف await page.waitForLoadState('networkidle') قبله.
• استخدم await page.getByRole('listitem').count() بدل .all().
• await expect(page.getByRole('listitem')).toHaveCount(3)
• اضبط retries: 3 في الإعدادات.

السؤال 9 من 12

• fixture تنشئ مجموعة باسم فريد لكل اختبار عبر الـ API وتحذفها بعده.
• شغّل المجموعة تسلسليًا بترتيب ثابت.
• أعد تعبئة قاعدة البيانات مرة واحدة قبل المجموعة كلها.
• فعّل ثلاث محاولات إعادة لتلك الاختبارات.

السؤال 10 من 12

• تغطية الأسطر
• تغطية الفروع
• مترجم TypeScript
• الـ mutation testing، مثل StrykerJS

السؤال 11 من 12

• أعد تشغيل المهمّة حتى تخضرّ، ثم ادمج.
• اجعل مهامّ الاختبار فحوص حالة إلزامية على الفرع الرئيسي.
• أزل مهمّة الـ end-to-end كي يبقى الـ pipeline أخضر.
• شغّل مهمّة الـ end-to-end بعد الـ merge فقط.

السؤال 12 من 12

• أبقِ الـ mock وأضف snapshot للمخرجات.
• استبدل الـ mock بـ vi.mock على الوحدة.
• استخدم formatMoney الحقيقية: إنها كود صافٍ سريع تملكه، والاختبار عندها يفحص المخرجات الحقيقية.
• احذف اختبار المكوّن.