laravel - Laravel 黄昏没有看到 vuejs 选择器

Question

我正在尝试使用 vuejs 运行 laravel 黄昏，但出现错误

1) Tests\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

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

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

在您的测试中，使用以下内容：

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

黄昏=“”属性用作 Laravel Dusk 用来与页面上的 HTML 元素交互的自定义​​选择器。

参考： 使用 Laravel Dusk 测试 Vue 组件

Answer 2

该异常的原因是我使用的是“npm run hot”而不是“npm run prod”

Answer 3

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

$browser->assertSee('Connection')

连接就是一个例子。

我也很难做黄昏测试。我无法按下按钮等。

Answer 4

这就是waitFor方法的工作原理。

从文档：

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

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