作为项目的一部分,我正在构建一个Vue页面以显示一些运动器材。该页面非常简单:共有三个下拉菜单,一个用于本赛季,一个用于比赛,一个用于部门。
当页面加载时,季节默认为最近的一个,比赛默认为该季节中的第一个,而分组默认为该比赛中的第一个。然后,加载并显示该部门中的所有灯具。
当用户更改任何内容时,将重复此过程。例如,如果选择一个不同的比赛,则该分区默认为新比赛中的第一个,并加载该分区中的装置。
我已经编写了一些Dusk测试,此刻我散布了一系列pause(500)
,以等待Vue完成加载并显示灯具。这种方法有效,但是并不理想(我可能等了半秒钟就什么都没有了),并且仍然可能失败(如果由于某种原因我的CI当天缓慢,并且发生了这种情况)。
由于我还想添加一个“正在加载”状态(带有覆盖层或其他内容),因此我认为这也是重构测试以使用waitUntilVue()
的绝佳机会。但是,我无法成功完成它,我的测试总是失败(我只在一项测试中使用它,直到弄清楚如何使用它为止。)
代码位于https://github.com/troccoli/lva/tree/implement-crud-for-fixtures-using-vuejs,测试文件位于https://github.com/troccoli/lva/blob/implement-crud-for-fixtures-using-vuejs/tests/Browser/CRUD/FixtureTest.php
有人可以帮忙吗?