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

Question

我正在考虑测试一些 Vue.js 组件，作为 Laravel 应用程序的一部分。因此，我有一个在 blade 模板中使用并在 mounted 生命周期挂钩期间发出 GET 请求的组件。假设这个请求需要 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 版本，这可能不是您想要的，甚至可能不兼容，但您是否听说过最新版本的 Laravel Dusk（ 5.4).

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

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

Testing Vue.js components- Laravel Testing

testing

laravel

vue.js

laravel-testing