如何在laravel dusk中测试jquery脚本

debugcn 发表于 Dev

丹尼尤尼斯

我试图在 Laravel dusk 中测试一个被点击的链接，该链接调用 AJAX JS 脚本，该脚本写入数据库并更改链接的文本。该链接是一个社交媒体 Like 链接，点击后会将文本更改为 You like this。

测试代码

$user = factory(User::class)->create();
        factory(Post::class)->create();

        $this->browse(function ($browser) use ($user) {
            $browser->loginAs($user)
                ->visit('/dashboard')
                ->clickLink('Like', 'a');

            $test = $browser->script('return $(".like").text();');
            $broswer->assertSee('You like this');```


JS code executed

$('.like').on('click', function(event) {
        event.preventDefault();
        // Get the parent article node
        var parent = getClosest(event.target, 'article');
        var postId = parseInt(parent.dataset['postid']);
        var parentLike = event.target.parentNode;

        // console.log(event.target.parentNode.classList);
        if (typeof postId == 'number' && postId > 0) {
            $.ajax({
                    method: 'POST',
                    url: route('like'),
                    dataType: "json",
                    data: {
                        postId: postId,
                        _token: $('meta[name="csrf-token"]').attr('content')
                    }
                })
                .done(function(data) {
                    var likeText = updateLikeText(data.message, data.numLikes, parentLike);
                    event.target.text = likeText;
                });
        }
    });

The link text should change to You Like this but in the test code, the text doesn't change. Accessing the site through the browser and clicking on the link manually works file.  How do I tell dusk to execute the JS script

乔纳斯·施陶登迈尔

您的测试不考虑 AJAX 请求的执行时间。

jQuery 具有指示 AJAX 请求是否处于活动状态的属性。

您可以使用它来等待请求完成，然后再测试链接文本：

$browser->loginAs($user)
    ->visit('/dashboard')
    ->clickLink('Like', 'a');

$browser->waitUntil('!$.active');

$browser->assertSeeIn('.like', 'You like this');

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。