angularjs - 在 dthmlx 组件中使用量角器拖放

Question

我正在使用带角度的 dhtmlx 调度程序组件。Dhtmlx scheduler您可以在Timeline view 的现场演示中找到拖放事件。

我需要为它编写量角器测试用例。如何使用量角器执行 dhtmlx 组件的拖放？

Answer 1

Dhtmlx 调度程序页面上可用的演示不使用角度。我找到了另一个合适的演示页面，我将使用它作为示例。

总体思路很简单——使用dragAndDrop()函数。不幸的是，它没有记录在API 文档页面上。可能是因为它来自 webdriverjs 而量角器与它无关。无论如何，目前，您可以在此处找到一些信息和示例：

• 如何在量角器中进行拖放？
• action_spec.js
• 如何在 AngularJS e2e 测试中测试拖放功能

基本上，您可以将元素向左或向右或顶部或底部移动x或偏移；y或者，您可以移动到另一个元素。

这是一个示例（Task #1向右移动 1000）：

describe("Sample test", function () {
    beforeEach(function () {
        browser.get("http://dhtmlx.github.io/angular-gantt-demo/");
        browser.waitForAngular();
    });

    it("should move the task", function () {
        var task = element(by.xpath('//div[@class="gantt_bars_area"]//div[@task_id="2"]'));

        browser.actions().dragAndDrop(
            task,
            {x:1000, y:0}
        ).perform();

        browser.sleep(10000);
    });
});

---

或者，您可以手动链接mouseDown()、mouseMove()、mouseUp()操作、示例：

• 如何在量角器中模拟拖放动作？
• 通过中继器使用量角器拖放