Question

嘿伙计们我正在尝试用vuejs运行laravel黄昏而且我收到了错误

1）测试\ Browser \ UserCreateTest :: testAdminCanCreateAnotherUser Facebook \ WebDriver \ Exception \ TimeOutException：选择器[.users]等了5秒。

这是我的测试

$this->browse(function (Browser $browser) {
            $user = User::find(1);
            $browser
                ->loginAs($user)
                ->visit('/users');

            $browser->waitFor('.users');

在Vue模板中，我有div类用户。

有人知道它有什么问题吗？

Answer 1

这就是waitFor方法的工作方式。

来自the docs：

waitFor方法可用于暂停测试的执行，直到在页面上显示与给定CSS选择器匹配的元素。默认情况下，这会在抛出异常之前暂停测试最多五秒钟。

因此，等待.users出现5秒然后抛出异常。

Answer 2

这个例外的原因是我使用'npm run hot'而不是'npm run prod'

Answer 3

要检查元素是否在页面上，您必须执行以下操作：

$browser->assertSee('Connection')

连接就是一个例子。

我也很难做黄昏测试。我不能按一下按钮等。

Answer 4

您可以尝试向HTML元素添加dusk属性，例如：

<div class="users" dusk="user-list">
...
</div>

在测试中，使用以下命令：

$browser
    ->waitFor('@user-list');

dusk =“”属性用作Laravel Dusk与页面上HTML元素进行交互的自定义选择器。

参考： Testing Vue components with Laravel Dusk

Laravel黄昏并没有看到vuejs选择器

4 个答案: