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

Question

我使用<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 indexOrder 。 我该如何解决？

Answer 1

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

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

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

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