Question

我正在使用TestCafe测试使用Vuetify导航抽屉的Vue应用程序。抽屉打开后，它将在应用程序其余部分的顶部创建灰色叠加层。我应该能够单击该叠加层以关闭抽屉。这行不通；抽屉保持打开状态，覆层不会消失。

但是，如果我添加.debug()，请解锁页面并手动单击，则覆盖层和抽屉将按预期方式关闭，其余测试可以继续进行。

下面的快速小测试演示了该问题。它使用the example in Vuetify's docs作为固定物，打开抽屉，单击覆盖，并期望该覆盖不再存在。这将失败，因为单击后叠加层仍然可见。

import { Selector } from 'testcafe';

fixture `Vuetify navigation drawer`
    .page `https://vuetifyjs.com/en/components/navigation-drawers`

test('is closed when clicking the overlay', async t => {
    await t
        .click('a[href="#temporary"] + div + div div.v-sheet button')
        .click('div.v-overlay')
        //.debug(); // unlock & manual click on overlay will result in a pass
        .expect(Selector('div.v-overlay').exists).eql(false);
});

This thread听起来很有希望，但最终的错误已在2年前修复，并且建议的添加.hover()的解决方法不起作用。

我已经在带有testcafe v1.1.0的MacOS 10.14上尝试了Firefox 66和Chrome 72。

有人知道为什么单击叠加层不起作用以及如何解决吗？

Answer 1

我能够重现该问题，并在TestCafe存储库中创建了一个单独的问题。请通过https://github.com/DevExpress/testcafe/issues/3551

关注我们的进度

无法使用TestCafe中的.click（）取消Vuetify导航叠加

1 个答案: