我有一個用 d3.js 制作的 2d 圖表，我應該用 cypress 測驗它。首先我想讓點移動
<circle id="MYID" class="clickable handler" r="5" htmlTemplate="pippo" cx="1144.6314588049954" cy="298.9141325106507"></circle>
我嘗試了這些解決方案（其中一個被評論）但它不起作用：
cy.get('[id="MYID"]')
// .trigger('mousedown', { which: 1, force: true, view: window })
// .trigger('mousemove', { position: 'top', view: window })
// .trigger('mouseup', { position: 'top', force: true });
.trigger('mousedown', {
which: 1,
force: true,
view: window,
})
.trigger('mousemove', {
clientX: 3000,
clientY: 5000,
force: true,
})
.trigger('mouseup', {
force: true,
view: window,
});
});
在評論的情況下，它似乎在移動，但它是毫米級的，我想重現球的真實和 propsio 位移，但是當我這樣做時，它不會移動一毫米！
uj5u.com熱心網友回復：
我是這樣解決的：
cy.window().then(window => {
cy.get('[id="MYID"]')
.trigger('mousedown', {
which: 1,
force: true,
view: window,
})
.trigger('mousemove', {
clientX: 300,
clientY: 500,
force: true,
})
.trigger('mouseup', {
force: true,
view: window,
});
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/326026.html
標籤：d3.js 柏 cypress-component-test-runner
下一篇：d3垂直堆積條形圖頂部的文本