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。