Question

我试图围绕拖放编写一个TestCafe功能测试。我已经可以进行拖放操作，并且尝试通过将元素拖放到不允许拖放的屏幕部分上来测试源/目标功能。如果在鼠标悬停过程中不允许拖放，鼠标光标的形状将变为“无条目”符号。我在TestCafe文档中看不到可以查询鼠标光标图标形状的任何地方。

我在TestCafe中看不到任何文档。
TestCafe是否支持此功能？

谢谢标记

Answer 1

TestCafe selectors在测试页面上指定一个元素，然后将具有一组属性和方法的对象返回给服务器。在TestCafe docs中了解有关Selector属性的更多信息。

您可以使用getStyleProperty方法来验证元素的光标样式，例如e。 g。

.expect(Selector('div').getStyleProperty('cursor')).eql('no-drop');

在任何其他情况下，当您需要获取有关DOM元素的特定信息时，可以结合使用ClientFunction和Selector。这种情况可能如下所示：

const el = Selector('#editable-div');

    const getCursorStyle = ClientFunction(() => {
        return window.getComputedStyle(el()).cursor;
    }, {dependencies: {el}})

    await t
        .drag(Selector('#create'), -14, -255, {
            offsetX: 38,
            offsetY: 11
        })
        .expect(getCursorStyle()).eql("no-drop");

您甚至可以使用更高级的方法-implementing addCustomDOMProperties，尤其是当您需要多次检查添加的属性时。

TestCafe-在某些HTML元素上时，如何确定鼠标光标（指针）的形状

1 个答案: