laravel tag assertions herunterladen – laravel tag assertions Quellcode herunterladen

laravel tag assertions

Python

v2.0.2

Herunterladen

Laravel-Tag-Behauptungen

Laravel verfügt über eine Reihe toller Funktionen, aber einer meiner Favoriten ist, wie einfach es das Testen Ihrer Anwendung macht.

Ziel von Laravel Tag Assertions ist es, die unglaubliche HTTP-Testfunktionalität, die Laravel bietet, noch leistungsfähiger zu machen, indem nützliche Assertionen für HTML-Tags hinzugefügt werden.

Motivationen

Häufig wollte ich behaupten, dass eine Antwort bestimmte Elemente enthält (z. B. eine Vue-Komponente mit bestimmten Requisiten), wollte aber nicht, dass Zeilenumbrüche und andere Leerzeichen eine Rolle spielen. Die Verwendung von Methoden wie $response->assertSee(...) ist für diesen speziellen Anwendungsfall nicht ideal. Auch Laravel Dusk war keine wünschenswerte Option, da es langsam und manchmal fragil sein kann.

Installation

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

Nach der Installation haben Ihre TestResponse-Instanzen nun Zugriff auf neue Behauptungen. Siehe unten für Verwendung und Beispiele.

Verwendung

TestResponse::assertSeeTag(string $selector, array $attributes)

$selector ist der Name eines Tags, das Sie abgleichen möchten. Sie können so spezifisch werden, wie Sie möchten. $attributes ist entweder ein Array von Attributen, die das Tag haben muss.

Einfach	Spezifischer
Taste	button.btn.btn-default
A	a[role=tab]

TestResponse::assertSeeTag(string $selector, $callback)

Wenn Sie einen Rückruf angeben, werden ihm drei Parameter übergeben:

$tag : Dies ist der Name des Tags selbst, z. B. button oder a .
$attributes : Dies ist ein Array von Attributen für das Tag, z. B.: ["class" => "btn btn-default"] .
$content : Dies ist eine Zeichenfolge, die den Inhalt darstellt (innerHtml). Leerzeichen sind enthalten.

TestResponse::assertSeeTagContent(string $selector, string $content)

Manchmal ist es uns nur wichtig, dass sich auf der Seite ein Tag mit einem bestimmten Inhalt befindet. Ein häufiger Anwendungsfall hierfür ist ein Textfeld.

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

Beispiele

Formularvalidierung

 < 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-Komponente

 < 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 ()),
        ]);
    }
}

Beispiel für einen Rückruf

 < 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. ' );
    }
}