ROSA Restaurant Testing

مرحبا اريد عمل اختبار وظائف موقع مطعم “ROSA” للتأكد من أن العناصر تعمل بشكل صحيح. 🔹 Task 1 — اختبار تحميل الصفحة (Page Load & Loader) المطلوب: افتح الموقع (index.html) في المتصفح. تحقق أن Loader يظهر عند بداية التحميل. بعد انتهاء التحميل: تأكد أن Loader يختفي. الصفحة الرئيسية تظهر بشكل صحيح (Header, Text, Buttons). تحقق أن body.classList يتغير لإزالة stop-scroll بعد انتهاء التحميل. سجل أي مشاكل تظهر في طريقة العرض أو استجابة الصفحة. 🔹 Task 2 — اختبار القوائم والتنقل (Navigation Bar & Links) المطلوب: تحقق من أن أزرار التنقل تعمل عند الضغط: Home, Reservations, Menu, Blog, Features, Shop, Contact. تحقق من hamburger menu toggle على شاشات صغيرة: عند الضغط يظهر Navigation Bar. عند الضغط مرة أخرى يختفي. تحقق من أن الروابط التي تحتوي على href="#" لا تعيد تحميل الصفحة. عند الضغط على أي قائمة Li: العنصر يحصل على Class active. العناصر الأخرى تفقد Class active. سجل أي خلل في ظهور التنقل أو وظائف القائمة. 🔹 Task 3 — اختبار وظائف Header و Scroll المطلوب: تحقق من أن SVG Scroll Down ينقل الصفحة إلى قسم About Us عند الضغط. تحقق من أن SVG Scroll Up في Footer يعيد الصفحة إلى الأعلى. عند التمرير: Header يصبح Fixed بعد تجاوز ارتفاع Header. Logo يتغير بين الأبيض والملون حسب Scroll. Opacity لنص Header يتغير بشكل سلس. تحقق من Dots Navigation: النقاط تتغير حسب مكان Scroll. اللون الأسود يظهر ويختفي كما هو محدد في الكود. سجل أي مشاكل في التنقل عبر Scroll أو التغيرات المرئية.