Скачать laravel tag assertions - laravel tag assertions Скачать исходный код

laravel tag assertions

Питон

v2.0.2

Скачать

Утверждения тегов Laravel

Laravel обладает множеством замечательных функций, но одна из моих любимых — это то, насколько легко с ним тестировать ваше приложение.

Цель Laravel Tag Assertions — сделать невероятную функциональность HTTP-тестов, которую Laravel предлагает, еще более мощной, добавив полезные утверждения для HTML-тегов.

Мотивации

Часто мне хотелось утверждать, что ответ содержит определенные элементы (например, компонент Vue с определенными реквизитами), но я не хотел, чтобы символы новой строки и другие пробелы имели значение. Использование таких методов, как $response->assertSee(...) не идеально подходит для этого конкретного случая использования. Laravel Dusk также не был желательным вариантом, потому что он может быть медленным, а иногда и хрупким.

Установка

 composer require --dev mikerogne/laravel-tag-assertions

После установки ваши экземпляры TestResponse теперь имеют доступ к новым утверждениям. См. ниже использование и примеры.

Использование

TestResponse::assertSeeTag(строка $селектор, массив $атрибуты)

$selector — это имя тега, который вы хотите сопоставить. Вы можете получить настолько конкретную информацию, насколько захотите. $attributes — это либо массив атрибутов, которые должен иметь тег.

Простой	Более конкретный
кнопка	button.btn.btn-default
а	а[роль=вкладка]

TestResponse::assertSeeTag(строка $selector, $callback)

Если вы укажете обратный вызов, ему будут переданы три параметра:

$tag : это имя самого тега, т. е.: button или a
$attributes : это массив атрибутов тега, т.е.: ["class" => "btn btn-default"] .
$content : это строка, представляющая содержимое (innerHtml). Пробелы включены.

TestResponse::assertSeeTagContent(строка $selector, строка $content)

Иногда нас волнует только то, чтобы на странице был тег с конкретным содержимым. Распространенным вариантом использования этого является поле textarea.

 $response->assertSeeTagContent('textarea[name=about]', $user->about);

Примеры

Проверка формы

 < body >
    < h1 > Contrived Example  h1 >
    
    < form >
        < p >
            < label > First Name  label >
            < input type =" text " name =" first_name " value =" {{ old('first_name') }} " >
         p >
        < p >
            < label > Last Name  label >
            < input type =" text " name =" last_name " value =" {{ old('last_name') }} " >
         p >
        < p >
            < label > Email  label >
            < input type =" text " name =" email " value =" {{ old('email') }} " >
         p >
        < p >
            < button type =" submit " > Register  button >
         p >
     form >
 body >

 

namespace Tests  Feature ;

class ExampleTest extends TestCase
{
    / * * @ test * /
    public function uses_old_input_when_validation_fails ()
    {
        $ data = [
            ' first_name ' => ' John ' ,
            ' last_name ' => ' Doe ' ,
            ' email ' => '' , // oops !
        ];
        
        $ response = $ this -> post ( ' /register ' , $ data );
        
        $ response -> assertSeeTag ( ' input[name=first_name] ' , [
            ' value ' => $ data [ ' first_name ' ],
        ]);
        
        $ response -> assertSeeTag ( ' input[name=last_name] ' , [
            ' value ' => $ data [ ' last_name ' ],
        ]);
    }
}

Vue-компонент

 < body >
    < h1 > Another Contrived Example  h1 >
    
    < blog-posts
        :posts =" {{ $posts->toJson() }} "
    >  blog-posts >
 body >

 

namespace Tests  Feature ;

class VueTest extends TestCase
{
    / * * @ test * /
    public function lists_blog_posts ()
    {
        $ posts = factory ( App Post::class, 5 )-> create ();
        
        $ response = $ this -> get ( ' / ' , $ data );
        
        $ response -> assertSeeTagContent ( ' h1 ' , ' Another Contrived Example ' );
        
        $ response -> assertSeeTag ( ' blog-posts ' , [
            ' :posts ' => e ( $ posts -> toJson ()),
        ]);
    }
}

Пример обратного вызова

 < body >
    < h1 > Callback Example  h1 >

    
    < h2 class =" section-title " data-foobar =" bazburk " >
        Product Review
     h2 >
    < p class =" summary " > Lorem ipsum dolor sit amet, consectetur adipiscing elit.  p >
    
 body >

 

namespace Tests  Feature ;

class CallbackTest extends TestCase
{
    / * * @ test * /
    public function shows_product_review ()
    {
        $ response = $ this -> get ( ' / ' , $ data );
        
        $ response -> assertSeeTag ( ' h2 ' , function ( $ tag , $ attributes , $ content ) {
            // $ tag - > "h2"
            // $ attributes - > [ 'class' = > 'section-title' , 'data-foobar' = > 'bazburk' ]
            // $ content - > Product Review ( but including the whitespace !)
            
            return  Illuminate  Support Str:: contains ( $ content , ' Product Review ' );
        });
        
        $ response -> assertSeeTagContent ( ' p.summary ' , ' Lorem ipsum dolor sit amet, consectetur adipiscing elit. ' );
    }
}