اذهب إلى المحتوى
  • 0

اختبار تجاوبية الصفحة في Laravel Dusk

Amir Alsaeed

السؤال

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

حاولت بالكود التالي:

class SliderTest extends DuskTestCase
{
    /**
     * A Dusk test example.
     *
     * @return void
     */
    public function testExample()
    {
        $this->browse(function ($browser) {
            $browser->visit('http://localhost:8000/home')                    
                    ->click('label[for=test_1]')
                    ->pause(500)
                ;
        });
    }
}

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

يمكن إجراء تنفيذ scripts بداخل الاختبار، ولكنها يجب ألا تكون متتالية. بل يجب تعريف كل جزء على حدى، مثال:

public function testExample()
{
    $this->browse(function ($browser) {
        $browser
                ->visit('http://localhost:8000/home')
                ->driver->executeScript('window.scrollTo(0, 500);'); 


                //  browser لا يمكن إجراء أوامر أخرى هنا مباشرةً يجب تعريف غرض جديد من 

        $browser->click('label[for=test_1]')
                ->pause(500)
    });
}

حيث قمنا باستخدام الدالة window.scrollTo، في حال كنت تستخدم نسخة أقدم من لارافيل، يمكنك استخدام jquery لتنفيذ ذلك:

public function scrollTo($selector)
{
    $this->ensurejQueryIsAvailable();

    $selector = $this->resolver->format($selector);

    $this->driver->executeScript("jQuery(\"html, body\").animate({scrollTop: jQuery(\"$selector\").offset().top}, 0);");

    return $this;
}

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...