اختبار تطبيقات الويب: كيف تختبر موقعًا إلكترونيًا؟ أنواعه

⚡ ملخص ذكي

يقوم اختبار تطبيقات الويب بالتحقق من موقع الويب من حيث الوظائف وسهولة الاستخدام والواجهة وقاعدة البيانات والتوافق والأداء والأمان وفحوصات الجمهور قبل الإصدار، بحيث تظهر العيوب في بيئة الاختبار بدلاً من ظهورها أمام المستخدمين الذين يدفعون مقابل الخدمة.

  • 🧱 تعرف على الهندسة المعمارية أولاً: تُركز التطبيقات ذات الصفحة الواحدة، والتطبيقات متعددة الصفحات، والتطبيقات التدريجية المخاطر في طبقات مختلفة.
  • 🔗 ابدأ بالوظائف: أثبت أن كل رابط ونموذج وملف تعريف ارتباط وسير عمل من البداية إلى النهاية يعمل بشكل صحيح، بما في ذلك المسارات السلبية.
  • 🖥️ قم بربط المتصفحات بأنظمة التشغيل: تغييرات العرض عبر متصفح كروم، Firefoxسفاري Windows, macOSولينكس، لذا قم بتغطية مزيج حركة المرور الحقيقي لديك.
  • ⚡ قم بالقياس تحت الحمل، وليس في حالة السكون: أوقات الاستجابة الأساسية في حركة المرور العادية، ثم الضغط بعد ذروة المرور للعثور على نقطة الانهيار.
  • 🔐 سدّ الثغرات الأمنية مبكراً: حظر الوصول غير المصرح به إلى الصفحات، وإنهاء الجلسات الخاملة، وفرض تشفير الصفحات، والتحقق من وجود ثغرات حقن.
  • 🔁 قم بأتمتة المهام المتكررة، واستكشف الباقي: اختبار الانحدار البرمجي ومجموعات الاختبار عبر المتصفحات، وحصر المختبرين في تقييم سهولة الاستخدام.

قبل أن نخوض في تفاصيل أكثر حول أنواع اختبار الويب، دعونا نحدد اختبار الويب بسرعة ونرى أين يندرج في دورة التسليم.

ما هو اختبار تطبيقات الويب؟

اختبار تطبيقات الويباختبار تطبيقات الويب، أو اختبار المواقع الإلكترونية، هو فحص تطبيق الويب أو الموقع الإلكتروني بحثًا عن الأخطاء المحتملة قبل إطلاقه وإتاحته للجمهور. ويشمل هذا الاختبار التحقق من وظائف التطبيق أو الموقع الإلكتروني، وسهولة استخدامه، وأمانه، وتوافقه، وأدائه.

خلال هذه المرحلة، يتم فحص قضايا مثل أمان تطبيقات الويب، ووظائف الموقع، وإمكانية وصول المستخدمين ذوي الاحتياجات الخاصة والمستخدمين العاديين إليه، وقدرته على التعامل مع حركة المرور.

الموقع الإلكتروني ليس برنامجًا واحدًا، بل هو مجموعة من الأدوات: HTML وCSS و Javaالبرنامج النصي في المتصفح، بالإضافة إلى واجهات برمجة التطبيقات وقواعد البيانات على الخادم. قد تفشل الطبقة التي تنجح بمفردها بمجرد اتصالها بالطبقة المجاورة، لذا يحتاج اختبار الويب إلى تقنيات تكميلية.

أنواع تطبيقات الويب التي تحتاج إلى اختبارها

قبل اختيار التقنيات، حدد بنية النظام التي أمامك. تحدد هذه البنية أماكن تركز العيوب وكيفية توزيع الجهد بين العميل والخادم.

معمار كيف تتصرف ما يعنيه هذا بالنسبة للاختبارات
تطبيق من صفحة واحدة (واس) يتم تحميلها مرة واحدة، ثم يتم تحديث العرض دون إعادة تحميل الصفحة بالكامل. Gmail يعمل بهذه الطريقة. معظم العمليات المنطقية تُرسل إلى المتصفح: ركّز على Javaحالة البرنامج النصي، والعرض الديناميكي، وجلسات جانب العميل.
تطبيق متعدد الصفحات (MPA) تم الوصول إلى العديد من الصفحات من خلال مسار منفصل URLيتم عرضها من جانب الخادم. وهذا شائع في مواقع التجارة الإلكترونية والمواقع الإخبارية. تتعدد مسارات التنقل: اختبر كل مسار ونموذج وإعادة توجيه من البداية إلى النهاية.
تطبيق الويب التقدمي (PWA) يعمل كتطبيق أصلي باستخدام عمال الخدمة، وملف البيان، وواجهة التطبيق. أضف خاصية العمل دون اتصال بالإنترنت، وذاكرة التخزين المؤقت القديمة، وإشعارات الدفع، ومطالبات التثبيت.

معظم المنتجات تجمع بين هذه الأنماط. تأكد من النمط الذي تتعامل معه، ثم اتبع التقنيات الثمانية التالية.

كيفية اختبار تطبيق الويب أو موقع الويب

في هندسة البرمجيات، قد يتم تنفيذ أنواع/تقنيات الاختبار التالية اعتمادًا على متطلبات اختبار الويب لديك.

يمكن تشغيل كل تقنية يدويًا أو بواسطة برنامج نصي، وهذا الاختيار يزيد التكلفة عن التغطية.

البعد الاختبار اليدوي الاختبار الآلي
أفضل مناسب لـ سهولة الاستخدام و استكشافي الشيكات اختبارات الانحدار، واختبارات التوافق بين المتصفحات، واختبارات التحميل
زيادة السرعة في الجولات المتكررة بطيء؛ يتكرر الجهد في كل دورة سريع؛ تُعاد حلقات المسلسل حسب الطلب
ملف التكلفة سعر منخفض في البداية، ويرتفع مع كل إصدار تكلفة أولية أعلى، ثم صيانة البرنامج النصي

1. اختبار وظائف موقع الويب

اختبار وظائف الموقع هي عملية تتضمن العديد من معلمات الاختبار مثل واجهة المستخدم وواجهات برمجة التطبيقات واختبار قاعدة البيانات واختبار الأمان واختبار العميل والخادم ووظائف موقع الويب الأساسية. يعد الاختبار الوظيفي مريحًا للغاية ويتيح للمستخدمين إجراء الاختبارات اليدوية والآلية. يتم إجراؤه لاختبار وظائف كل ميزة على الموقع.

تشمل أنشطة اختبار المواقع الإلكترونية ما يلي:

اختبار الكل وصلات في صفحات الويب الخاصة بك تعمل بشكل صحيح وتأكد من عدم وجود روابط معطلة. الروابط التي سيتم فحصها ستتضمن –

  • الروابط الصادرة
  • الروابط الداخلية
  • Anchor الروابط
  • Mailإلى الروابط

نماذج الاختبار يعملون كما هو متوقع. وهذا سوف يشمل-

  • تعمل عمليات التحقق من البرمجة النصية في النموذج كما هو متوقع. على سبيل المثال، إذا لم يقم المستخدم بملء حقل إلزامي في النموذج، تظهر رسالة خطأ.
  • تحقق من أنه يتم ملء القيم الافتراضية
  • بمجرد الإرسال، يتم إرسال البيانات الموجودة في النماذج إلى قاعدة بيانات حية أو ربطها بعنوان بريد إلكتروني فعال
  • يتم تنسيق النماذج على النحو الأمثل لتحسين إمكانية القراءة

ملفات تعريف الارتباط الاختبارية تعمل كما هو متوقع. ملفات تعريف الارتباط هي ملفات صغيرة تستخدمها مواقع الويب لتذكر جلسات المستخدم النشطة في المقام الأول، لذا لا تحتاج إلى تسجيل الدخول في كل مرة تزور فيها موقعًا على الويب. سيتضمن اختبار ملفات تعريف الارتباط

  • يتم حذف ملفات تعريف الارتباط (الجلسات) الخاصة بالاختبار إما عند مسح ذاكرة التخزين المؤقت أو عند انتهاء صلاحيتها.
  • احذف ملفات تعريف الارتباط (الجلسات) واختبر ما إذا كانت بيانات اعتماد تسجيل الدخول مطلوبة عند زيارتك التالية للموقع.

اختبار HTML وCSS للتأكد من أن محركات البحث يمكنها الزحف إلى موقعك بسهولة. وهذا سوف يشمل

  • التحقق من وجود أخطاء في بناء الجملة
  • Readable مخططات الألوان
  • الامتثال القياسي. تأكد من اتباع معايير مثل W3C أو OASIS أو IETF أو ISO أو ECMA أو WS-I.

اختبار سير العمل التجاري- وهذا سوف يشمل

  • اختبار سيناريوهات سير العمل/الأعمال من البداية إلى النهاية والتي تأخذ المستخدم عبر سلسلة من صفحات الويب لإكمالها.
  • اختبر السيناريوهات السلبية أيضًا، مثل أنه عندما ينفذ المستخدم خطوة غير متوقعة، تظهر رسالة خطأ مناسبة أو مساعدة في تطبيق الويب الخاص بك.

الأدوات التي يمكن استخدامها: QTP , IBM عاقِل ، Selenium

2. اختبار قابلية الاستخدام

اختبار قابلية الاستخدام أصبح الآن جزءًا حيويًا من أي مشروع قائم على الويب. يمكن أن يكون يتم تنفيذها من قبل المختبرين مثلك أو مجموعة تركيز صغيرة على غرار الجمهور المستهدف لتطبيق الويب.

اختبار الموقع قائمة الإختيارات:

  • يجب أن تكون القوائم أو الأزرار أو الروابط إلى صفحات مختلفة على موقعك مرئية بسهولة ومتسقة على جميع صفحات الويب

اختبار القادم وصف المنتج:

  • يجب أن يكون المحتوى واضحًا وخاليًا من الأخطاء الإملائية أو النحوية.
  • يجب أن تحتوي الصور، إن وجدت، على نص "بديل".

الأدوات التي يمكن استخدامها: الطباشير، مارك, مربع المحتوياتو كليكسبي

3. اختبار الواجهة

بعد التأكد من ثبات الميزات وسهولة الاستخدام، تحقق من تكامل الطبقات التي تدعمها. ثلاثة مجالات يجب اختبارها هنا هي: التطبيق، وخادم الويب، وخادم قاعدة البيانات.

  • تطبيق: يتم إرسال طلبات الاختبار بشكل صحيح إلى قاعدة البيانات ويتم عرض الناتج على جانب العميل بشكل صحيح. يجب اكتشاف الأخطاء إن وجدت بواسطة التطبيق ويجب عرضها فقط للمسؤول وليس للمستخدم النهائي.
  • خادم الويب: يتعامل خادم الويب الاختباري مع جميع طلبات التطبيقات دون أي رفض للخدمة.
  • خادم قاعدة البيانات: تأكد من أن الاستعلامات المرسلة إلى قاعدة البيانات تعطي النتائج المتوقعة.

اختبار استجابة النظام متى الاتصال بين الطبقات الثلاث (التطبيق والويب وقاعدة البيانات) لا يمكن تأسيسها وتظهر الرسالة المناسبة للمستخدم النهائي.

الأدوات التي يمكن استخدامها: رانوركس

4. اختبار قاعدة البيانات

تعد قاعدة البيانات أحد المكونات المهمة لتطبيق الويب الخاص بك ويجب التركيز على اختبارها بدقة. سوف تشمل أنشطة الاختبار-

  • اختبار ما إذا كانت تظهر أي أخطاء أثناء تنفيذ الاستعلامات
  • البيانات Integrity تتم المحافظة عليها أثناء إنشاء أو تحديث أو حذف البيانات في قاعدة البيانات.
  • التحقق من وقت الاستجابة للاستفسارات وضبطها إذا لزم الأمر.
  • يتم عرض بيانات الاختبار المستردة من قاعدة بياناتك بدقة في تطبيق الويب الخاص بك

الأدوات التي يمكن استخدامها: QTP, Selenium

5. اختبار التوافق

يضمن اختبار التوافق عرض تطبيق الويب الخاص بك وعمله بشكل صحيح على مختلف الأجهزة. ويشمل ذلك ما يلي:

اختبار توافق المتصفح:سيتم عرض نفس الموقع الإلكتروني في متصفحات مختلفة بشكل مختلف. تحتاج إلى اختبار ما إذا كان تطبيق الويب الخاص بك يتم عرضه بشكل صحيح عبر المتصفحات، Javaيعمل البرنامج النصي وAJAX والمصادقة بشكل جيد. يمكنك أيضًا التحقق من الهاتف التوافق المتصفح.

يتغير عرض عناصر الويب مثل الأزرار وحقول النص وما إلى ذلك مع التغيير نظام التشغيل. تأكد من أن موقع الويب الخاص بك يعمل بشكل جيد مع مجموعات مختلفة من Operaأنظمة ting مثل Windowsو Linux و Mac والمتصفحات مثل Firefoxوإنترنت إكسبلورر وسفاري وما إلى ذلك.

الأدوات التي يمكن استخدامها: Dynatrace

6. اختبار الأداء

سيضمن ذلك عمل موقعك الإلكتروني تحت جميع الأحمال. ستشمل أنشطة الاختبار، على سبيل المثال لا الحصر، ما يلي:

  • أوقات استجابة تطبيق موقع الويب بسرعات اتصال مختلفة
  • قم باختبار تطبيق الويب الخاص بك لتحديد سلوكه في ظل الأحمال العادية وأحمال الذروة
  • قم باختبار الإجهاد لموقع الويب الخاص بك لتحديد نقطة التوقف الخاصة به عند دفعه إلى ما هو أبعد من الأحمال العادية في وقت الذروة.
  • اختبر ما إذا حدث عطل بسبب الحمل الأقصى، وكيف يمكن للموقع التعافي من مثل هذا الحدث
  • تأكد من تمكين تقنيات التحسين مثل ضغط gzip وذاكرة التخزين المؤقت للمتصفح والخادم لتقليل أوقات التحميل

الأدوات التي يمكن استخدامها: Loadrunner, JMeter

7. اختبار الأمان

اختبار الأمان يعد أمرًا حيويًا لموقع التجارة الإلكترونية الذي يخزن معلومات العملاء الحساسة مثل بطاقات الائتمان. سوف تشمل أنشطة الاختبار-

  • لا ينبغي السماح بالوصول غير المصرح به إلى الصفحات الآمنة
  • يجب ألا تكون الملفات المقيدة قابلة للتنزيل دون الوصول المناسب
  • يتم إنهاء جلسات التحقق تلقائيًا بعد عدم نشاط المستخدم لفترة طويلة
  • عند استخدام شهادات SSL، يجب على موقع الويب إعادة التوجيه إلى صفحات SSL المشفرة.

Intruder

Intruder هو أداة فحص قوية لنقاط الضعف والتي ستساعدك على الكشف عن نقاط الضعف العديدة الكامنة في تطبيقات الويب والبنية التحتية الأساسية لديك. تقديم فحوصات أمنية رائدة في الصناعة ومراقبة مستمرة ومنصة سهلة الاستخدام، Intruder يحافظ على سلامة الشركات بجميع أحجامها من المتسللين.

Intruder

شرح المميزات:

  • أفضل تغطية للتهديدات في فئتها مع أكثر من 10,000 فحص أمني
  • التحقق من نقاط ضعف التكوين والتصحيحات المفقودة ونقاط ضعف التطبيق (مثل حقن SQL والبرمجة النصية عبر المواقع) والمزيد
  • التحليل التلقائي وتحديد أولويات نتائج المسح
  • واجهة بديهية وسريعة الإعداد وتشغيل عمليات الفحص الأولى
  • مراقبة أمنية استباقية لأحدث نقاط الضعف
  • AWS, Azureو Google Cloud موصلات
  • تكامل واجهة برمجة التطبيقات (API) مع خط أنابيب CI/CD الخاص بك

قم بزيارة : Intruder >>

8. اختبار الحشود

ستختار عددًا كبيرًا من الأشخاص (مجموعة) لتنفيذ الاختبارات التي كان من الممكن أن تُنفذها مجموعة داخلية صغيرة. يُعدّ اختبار البرمجيات عبر التعهيد الجماعي مفهومًا مثيرًا للاهتمام وواعدًا، ويساعد في الكشف عن العديد من العيوب غير الملحوظة.

الأدوات التي يمكن استخدامها: منصة اختبار الحشود

عملية اختبار تطبيقات الويب: خطوة بخطوة

توضح لك التقنيات الثماني ما يجب فحصه. وتوضح لك العملية أدناه متى يجب تطبيقها.

  1. جمع وتوضيح المتطلبات. حدد ما يجب أن يفعله التطبيق وكيف ينبغي أن يتصرف. المتطلبات الغامضة تُنتج توقعات غير قابلة للاختبار، لذا حلّها أولاً. هذه الخطوة تُرسّخ اختبار الويب في نطاق أوسع. دورة حياة اختبار البرمجيات.
  2. اكتب خطة الاختبار. حدد التقنيات المناسبة، ومن سيتولى تنفيذها، وما هي الأدوات المطلوبة، والجدول الزمني. الخطة هي خارطة طريقك وتقديرك للوقت.
  3. قم بتطوير حالات الاختبار. حوّل كل متطلب إلى خطوات ملموسة مع نتائج متوقعة، تغطي كلاً من المسار السعيد والسيناريوهات السلبية التي يتسبب بها المستخدمون عن طريق الخطأ.
  4. قم بإعداد بيئة الاختبار. إنتاج نسخ طبق الأصل بأقرب ما تسمح به الميزانية: نفس المتصفح ونظام التشغيل، وأحجام بيانات مماثلة، وسرعات شبكة واقعية.
  5. قم بتنفيذ الاختبارات. قم بتشغيل الحالات، وسجل النتائج الفعلية مقابل النتائج المتوقعة، والتقط لقطات الشاشة، ومخرجات وحدة التحكم، وسجلات الخادم بينما لا يزال الفشل قابلاً للتكرار.
  6. تقرير و tracالعيوب k. قم بتسجيل كل منها مع خطوات إعادة إنتاجها وأولويتها، ثم أعد الاختبار بعد الإصلاح وتأكد من عدم تعطل أي شيء قريب.
  7. أغلق الدورة. قم بإعداد ملخص للاختبار يغطي ما تم اختباره، وما تم العثور عليه، وما لا يزال مفتوحًا، وما الذي يجب تحسينه، ثم قم بالموافقة على الإصدار.

⚠️ خطط للجدول الزمني، وليس فقط للاختبارات: اختبار المواقع الإلكترونية عملية شاقة، وضغط المواعيد النهائية هو العقبة الأولى التي ستواجهها، يليه تغييرات متكررة في الكود تُبطل العمل المنجز. حدد كل مهمة في الخطوة الثانية، ثم أنشئ مخطط عمل بناءً عليها.

الأسئلة الشائعة

يستهدف اختبار الويب مجموعات المتصفح ونظام التشغيل، وعملية العرض، وعدد مرات الوصول إلى الخادم. اختبار المحمول يضيف مكونات الجهاز، ومسارات التثبيت والترقية، والمقاطعات مثل المكالمات، واستنزاف البطارية، والإيماءات، وقواعد متجر التطبيقات.

عدم توافق المتصفحات، وتنوع الأجهزة والشاشات، والصفحات الديناميكية التي تتغير حسب المستخدم، والإصدارات المتكررة التي تعيد فتح عيوب قديمة، والمواعيد النهائية الضيقة. يُسهم تحديد الأولويات بناءً على بيانات حركة المرور الفعلية وأتمتة عمليات اختبار التراجع في الحفاظ على نطاق المشروع قابلاً للإدارة.

يقوم الذكاء الاصطناعي بإنشاء حالات اختبار من المتطلبات، ويصلح محددات المواقع ذاتيًا عند تغيير الواجهة، ويحدد أولويات مجموعات الاختبار التي يتم تشغيلها بعد الالتزام، ويشير إلى الاختلافات المرئية. أدوات اختبار الذكاء الاصطناعي قم بتطبيق هذا على اختبارات الانحدار والتوافق بين المتصفحات.

رقم أدوات اختبار الذكاء الاصطناعي التوليدي تُسرّع هذه التقنيات كتابة البرامج النصية وفرز العيوب، لكنها لا تستطيع الحكم على مدى سهولة استخدام سير العمل أو تحديد ما يهم المستخدمين. ولا يزال للمختبرين البشريين دورٌ أساسي في سهولة الاستخدام والتقييم الاستكشافي.

نعم. اختبار الوصول يُعدّ هذا جزءًا من عملية تحسين تجربة المستخدم، حيث يتحقق من توافق التنقل باستخدام لوحة المفاتيح، ومخرجات قارئ الشاشة، وتباين الألوان، والنص البديل مع معايير WCAG. وفي العديد من الأسواق، يُعتبر هذا شرطًا قانونيًا وليس إضافة اختيارية.

تلخيص هذه التدوينة بـ: