angularでdhtmlxスケジューラコンポーネントを使用しています。Dhtmlx スケジューラタイムライン ビュー のライブ デモで、イベントのドラッグ アンド ドロップを見つけることができます。
分度器のテストケースを書く必要があります。分度器を使用してdhtmlxコンポーネントのドラッグアンドドロップを実行するにはどうすればよいですか?
angularでdhtmlxスケジューラコンポーネントを使用しています。Dhtmlx スケジューラタイムライン ビュー のライブ デモで、イベントのドラッグ アンド ドロップを見つけることができます。
分度器のテストケースを書く必要があります。分度器を使用してdhtmlxコンポーネントのドラッグアンドドロップを実行するにはどうすればよいですか?
Dhtmlx スケジューラ ページで利用可能なデモでは、angular は使用されません。例として使用する別の適切なデモ ページを見つけました。
一般的な考え方は非常に単純です -dragAndDrop()
関数を使用します。残念ながら、API ドキュメント ページには記載されていません。これは、webdriverjs からのものであり、分度器はそれとは関係がないためである可能性があります。とにかく、現在、いくつかの情報とサンプルをここで見つけることができます:
基本的に、要素を左または右または上または下に移動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()