laravel - 测试 Vue.js 组件 - Laravel 测试

Question

我正在考虑测试一些 Vue.js 组件，作为 Laravel 应用程序的一部分。所以，我有一个在 Blade 模板中使用并生成 GET 的组件。在 mounted 期间请求生命周期钩子(Hook)。假设这个请求需要 800 毫秒。是否可以使用 phpunit在这种情况下——在上述请求后检查生成的 HTML？

我尝试使用 sleep(1) (是的，这可能是一个可怕的想法)，给请求时间来完成(在这种方法上不是 100%)，但是在短暂的休眠之后页面上没有预期的文本。

这是我希望做的:

$this->actingAs($user)
     ->visit('/teams/' . $team->slug . '/players'); // request is made when this route is hit.

$this->see('There are currently no players for this team.')
     ->see('There are currently no temporary players for this team.');

see()调用导致错误 - HTML 不存在。我还检查了 - 通过 phpunit 错误输出的 HTML，HTML 中可用的所有内容都是 Blade 模板内部的内容 - Vue 组件未在 see() 的位置呈现。打电话了。

我想我是在寻求一些建议或指导。

Answer 1

我知道这可能不是您想要的，甚至根据您使用的 Laravel 版本不兼容，但您是否听说过最新版本 (5.4) 中的 Laravel Dusk。

https://laravel.com/docs/5.4/dusk