Laravel Dusk VueJS SPA 路由视图注入组件答案

【问题标题】：Laravel Dusk VueJS SPA router-view injected componentsLaravel Dusk VueJS SPA 路由视图注入组件
【发布时间】：2020-01-03 09:51:14
【问题描述】：

我使用<router-view> 根据路由注入组件。我现在想在 Laravel Dusk 中进行 vue 断言。

<router-view :key="$route.fullPath" :dusk="$route.name"></router-view>

但是当我在我的订单索引路由上执行->assertVue('field', 'value', '@indexOrder') 时，我得到了这个错误：

Facebook\WebDriver\Exception\UnexpectedJavascriptException: javascript error: Cannot read property '__vue__' of null

当然，我确保路由的名称是indexOrder，并且正确地放入router-view 组件的dusk-属性中。我该如何解决？

【问题讨论】：

【解决方案1】：

虽然这并不完全是一个答案，但它可以帮助您朝着正确的方向前进。

当您在浏览器控制台中对正在测试的路由运行以下命令时，您将看到一个 $children 变量。

document.querySelector('body [dusk="YOUR_ROUTE_NAME"]').__vue__;

上面的命令是 Dusk 在 MakesAssertions trait 在 vueAttribute 方法下执行的。这个$children 变量保存了路由器加载的所有组件，因此您必须创建一些新方法和断言来支持 Dusk 中的 vue-router。

【讨论】：