كيفية تنزيل وتثبيت Selenium بيئة تطوير متكاملة ل Firefox & كروم

⚡ ملخص ذكي

Selenium يتم تثبيت بيئة التطوير المتكاملة (IDE) كإضافة للمتصفح بدلاً من تطبيق مستقل، لذا فإن عملية التثبيت بأكملها عبارة عن تنزيل إضافي. Firefox أو متصفح كروم متبوعًا بنقرة واحدة لفتح المسجل.

🔘 Firefox طريق: أضف الامتداد من Firefox قم بتفعيل الإضافات، ثم وافق على مربع حوار الأذونات، ثم قم بتشغيل المسجل من أيقونة شريط الأدوات.
☑️ مسار كروم: ابدأ من الرسمي Selenium قم بتنزيل صفحة IDE، وأضف الامتداد، وافتحه من قائمة الامتدادات.
✅ فحص العناصر: Firefox توفر كل من أدوات المطورين وأدوات مطوري Chrome محدد CSS أو XPath الذي يحتاجه أمر Selenese.
🧪 الإصدارات القديمة: الأصلي Firefoxيتطلب إصدار الملحق إصدارًا محمولًا قديمًا Firefoxلذا تعامل معه كمرجع تاريخي فقط.
🛠️ استكشاف الأخطاء وإصلاحها: إن اختفاء أيقونة شريط الأدوات يعني في أغلب الأحيان أن الإضافة معطلة أو أن شريط الأدوات ضيق للغاية.
📊 يعمل على جميع المتصفحات: يؤدي تثبيت برنامج تشغيل سطر الأوامر من خلال npm إلى تنفيذ المشاريع المحفوظة على متصفحات أخرى وعلى شبكة بيانات.

اقرأ المزيد

في هذا الدرس سنتعلم كيفية التحميل والتثبيت Selenium IDE لـ Firefox و Google Chromeلا يتم تجميع أي شيء ولا يتم وضع أي شيء في مسار النظام - بيئة التطوير المتكاملة هي امتداد للمتصفح، لذلك ينتهي التثبيت في اللحظة التي يبلغ فيها المتصفح عن إضافة الملحق.

⚠️ ملاحظة حول الإصدارات: لقطات الشاشة أدناه مأخوذة من النسخة الأصلية Firefox-توصيل في Selenium بيئة التطوير المتكاملة. توقف هذا البناء عن العمل عندما Firefox أزال الإصدار 55 دعم الإضافات القديمة لـ XUL في عام 2017. Selenium بيئة التطوير المتكاملة الموزعة اليوم هي امتداد معاد كتابته لـ Firefox ومتصفح كروم الذي يحفظ المشاريع في .side تنسيق بدلاً من HTML. يتم الاحتفاظ بكل خطوة أصلية هنا، مع الإشارة إلى السلوك الحالي بجانبها.

كيفية تثبيت Selenium بيئة تطوير متكاملة ل Firefox

فيما يلي عملية خطوة بخطوة حول كيفية التنزيل والتثبيت Selenium بيئة تطوير متكاملة ل Firefox:

ماذا تحتاج

موزيلا Firefox
اتصال إنترنت نشط

إذا لم يكن لديك موزيلا Firefox ومع ذلك، يمكنك تنزيله من firefox.com.

الخطوات 1) افتح Firefox الإضافات والتنزيل Selenium IDE

إطلاق Firefox وانتقل الى Selenium قائمة بيئات التطوير المتكاملة (IDE) Firefox فيرفكس. انقر فوق إضافة إلى Firefoxتبدو صفحة الإضافة كما في لقطة الشاشة أدناه.

الخطوات 2) انقر على إضافة

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

الخطوات 3) انقر على موافق

بعد اكتمال التثبيت، ستتلقى رسالة تأكيد. انقر على "موافق" في الإشعار الموضح هنا.

الخطوات 4) انقر وفتح Selenium IDE

انقر على الزر Selenium أيقونة بيئة التطوير المتكاملة (IDE)، والتي توجد الآن في Firefox شريط الأدوات كما هو موضح أدناه.

Selenium سيتم فتح بيئة التطوير المتكاملة (IDE) في نافذة خاصة بها، كما هو موضح في لقطة الشاشة التالية.

Firefox أدوات التطوير في Firefox

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

Firefox أدوات التطوير هي Firefox هذه الخاصية سنستخدمها لفحص عناصر HTML لتطبيق الويب قيد الاختبار. ستزودنا باسم العنصر الذي سيعمل عليه أمر Selenese الخاص بنا.

الخطوة 1) انقر بزر الماوس الأيمن في أي مكان بالصفحة وحدد فحص العنصر. يمكنك أيضًا استخدام الاختصار Ctrl + Shift + أولاً: تظهر قائمة السياق أدناه.

الخطوة 2) سترى الواجهة الموضحة هنا، مع ترميز الصفحة على جانب واحد والأنماط على الجانب الآخر.

الخطوة 3) يمكنك النقر بزر الماوس الأيمن على عنصر واختيار CSS أو كسباثيُعد هذا مفيدًا في تحديد الكائنات، لأنه يمكن لصق القيمة المنسوخة مباشرةً في Target حقل أمر.

ملاحظة: وبالمثل، يمكنك أيضًا استخدام أدوات المطوّرين في متصفح Chrome لتحديد خصائص الكائنات. وتؤدي لوحة Chrome الموضحة أدناه نفس المهمة.

يُظهر كلا المُفتشين أيضًا سمات المعرّف والاسم والفئة التي يُفضّلها مُحرّر الأكواد عند إنشاء لتحديد المواقع أثناء التسجيل.

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

الخطوة 1) استعمل Firefox 54 فحص النسخة المحمولة اضغط هنا

الخطوة 2) تفضل بزيارة Selenium تاريخ إصدارات بيئة التطوير المتكاملة ثم قم بالتثبيت. ستظهر قائمة الإصدارات على النحو التالي.

قد لا تكون الميزات التالية متاحة في أحدث إصدار من IDE. سنستمر في تحديث البرامج التعليمية مع تحديث الإصدار الجديد.

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

الإضافات

Selenium يمكن أن يدعم IDE المزيد Firefox إضافات أو ملحقات أنشأها مستخدمون آخرون. يمكنك زيارة رسمي Selenium موقع بيئة التطوير المتكاملة للحصول على قائمة Selenium الإضافات المتاحة حتى الآن. قم بتثبيتها تمامًا كما تفعل مع الآخرين Firefox إضافات.

افتراضيا، Selenium يأتي IDE مزودًا بأربعة مكونات إضافية:

Selenium SDI: C# المنسقون
Selenium SDI: Java المنسقون
Selenium SDI: Python المنسقون
Selenium IDE: تنسيقات روبي

هذه المكونات الإضافية الأربعة مطلوبة بواسطة Selenium IDE لتحويل السيلينيزية إلى صيغ مختلفة.

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

ملحقات المستخدم

Selenium يمكن لبيئة التطوير المتكاملة (IDE) دعم إضافات المستخدم لتوفير إمكانيات متقدمة. تأتي إضافات المستخدم على شكل Javaملفات البرامج النصية. يمكنك تثبيتها عن طريق تحديد مسارها المطلق في أي من هذين الحقلين في مربع الحوار "الخيارات".

Selenium إضافات أساسية (user-extensions.js)
Selenium ملحقات IDE

يتم تمييز حقلي المسار في مربع حوار الخيارات أدناه.

ستجد الكثير من إضافات المستخدم على Selenium صفحة التنزيلاتلاحظ أن هذه الآلية كانت تابعة لـ Selenium تم حذف Core في Selenium 3؛ يتم توسيع بيئة التطوير المتكاملة الحديثة من خلال واجهة برمجة التطبيقات الخاصة بها بدلاً من ذلك.

كيفية تثبيت Selenium بيئة تطوير متكاملة في كروم

فيما يلي عملية خطوة بخطوة حول كيفية التنزيل والتثبيت Selenium بيئة تطوير متكاملة ل Google Chrome:

الخطوة 1) انتقل إلى Selenium موقع بيئة التطوير المتكاملة انقر على زر التنزيل في متصفح كروم.
الخطوة 2) افتح صفحة المنتج في متجر Chrome الإلكتروني Selenium قم بتثبيت إضافة بيئة التطوير المتكاملة (IDE).
الخطوة 3) انقر على زر "إضافة إلى Chrome" لإضافة Selenium بيئة التطوير المتكاملة Google Chrome.
الخطوة 4) انتقل إلى قائمة الإضافات، وانقر على هذا الرمز، ثم افتحه. Selenium بيئة التطوير المتكاملة لتسجيل اختبار جديد في مشروع جديد.

إصدار Chrome و Firefox ملفات البناء لها نفس الامتداد، لذا فإن المشروع المسجل في أحدهما يُفتح في الآخر. ولأن متاجر المتصفحات تُغير قوائمها بمرور الوقت، ابدأ دائمًا من الموقع الرسمي في الخطوة 1 بدلاً من متجر مُضاف إلى المفضلة. URL.

كيفية التحقق من التثبيت وتسجيل الاختبار الأول

تحميل الإضافة لا يُعدّ دليلاً على نجاح الإعداد. أسرع طريقة للتحقق هي تسجيل شيء بسيط وإعادة تشغيله.

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

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

كيفية إصلاح المشاكل الشائعة Selenium مشاكل تثبيت بيئة التطوير المتكاملة

تندرج جميع شكاوى التثبيت تقريبًا ضمن أحد أنماط قليلة. النمطان الأولان هما النمطان اللذان تم توثيقهما بواسطة Selenium المشروع نفسه.

لا يوجد رمز في شريط الأدوات. تأكد من تفعيل الإضافة. اكتب chrome://extensions في متصفح كروم، أو about:addons in Firefoxوتأكد من ذلك Selenium تم تشغيل بيئة التطوير المتكاملة (IDE).
الإضافة مُفعّلة ولكنها لا تزال غير مرئية. قد يكون الرمز مخفيًا ببساطة لأن شريط الأدوات ضيق جدًا. في متصفح كروم، اسحب المنطقة إلى يمين شريط العناوين. Firefoxانقر بزر الماوس الأيمن على شريط الأدوات، واختر "تخصيص"، ثم اضبطه، وانقر فوق "تم".
تفتح بيئة التطوير المتكاملة (IDE) ولكنها لا تسجل أي شيء. يجب أن تكون نافذة التسجيل هي النافذة التي تم تشغيلها بواسطة بيئة التطوير المتكاملة (IDE). لا يتم تسجيل التسجيل في علامة تبويب تم فتحها يدويًا.
لا شيء يعمل على الصفحة الداخلية. لا يمكن للإضافات برمجة صفحات المتصفح الداخلية مثل شاشات الإعدادات أو الإضافات، لذا يتم تسجيلها مقابل صفحة ويب عادية.
يقوم متصفح مُدار بحظر التثبيت. في ملف تعريف الشركة، غالبًا ما يتم التحكم في تثبيت الإضافات من خلال السياسة ويتطلب ذلك مسؤولًا للسماح بمعرف الإضافة.

كيفية تثبيت Selenium مشغل سطر الأوامر لبيئة التطوير المتكاملة

لا يُشغّل هذا الملحق الاختبارات إلا في المتصفح المُثبّت عليه. لتشغيل مشروع محفوظ على متصفحات أخرى، بالتوازي، أو على شبكة، ثبّت مُشغّل سطر الأوامر. يتطلب ذلك Node.js وnpm.

npm install -g selenium-side-runner

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

npm install -g chromedriver
npm install -g geckodriver
npm install -g edgedriver

بعد تثبيت برنامج التشغيل وبرنامج التشغيل، قم بتوجيه برنامج التشغيل إلى ملف المشروع الذي حفظته بيئة التطوير المتكاملة (IDE) سابقًا.

selenium-side-runner /path/to/your-project.side

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

selenium-side-runner -c "browserName=firefox" --base-url https://localhost

ومن هنا، فإن الخطوة الطبيعية التالية هي التخلي عن التسجيل والتشغيل وكتابة نفس عمليات التحقق في التعليمات البرمجية - انظر أول شخصية WebDriver جولة تعريفية وأوسع نطاقاً Selenium سلسلة.

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

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

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

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

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

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

يُطبَّق التعلّم الآلي بشكل أساسي بعد التسجيل: إذ تقترح محركات الإصلاح الذاتي مُحدِّدًا بديلًا عند حدوث تغييرات في الترميز، وتُشير نماذج الاختبارات غير المستقرة إلى الخطوات التي تفشل بشكل متقطع. لا يُغيِّر أيٌّ منهما عملية التثبيت، لكنهما يُقلِّلان من الصيانة اللاحقة.

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

أينما تختار عند الحفظ. يقوم برنامج IDE بكتابة ملف JSON واحد لكل مشروع بامتداد .side، وهو ملف نصي عادي، وبالتالي فهو آمن للإضافة إلى نظام التحكم في الإصدارات وللمقارنة أثناء المراجعة.