77 lines
2.6 KiB
TypeScript
77 lines
2.6 KiB
TypeScript
|
import { strict as assert } from 'node:assert'
|
||
|
|
|
||
|
|
import {
|
||
|
|
createNativeLayerFixture,
|
||
|
|
readNativeLayerOrder
|
||
|
|
} from '#tests/helpers/tauri/editor-snapshot'
|
||
|
|
import { withNativeEventRecorder } from '#tests/helpers/tauri/event-recorder'
|
||
|
|
import { nativeDrag, readElementClientGeometry } from '#tests/helpers/tauri/windows-input'
|
||
|
|
|
||
|
|
describe('native layer dragging', () => {
|
||
|
|
it('delivers a WebView drag sequence and reorders once', async function () {
|
||
|
|
if (process.platform !== 'win32') this.skip()
|
||
|
|
await browser.waitUntil(
|
||
|
|
async () => browser.execute(() => Boolean(window.openPencil?.getStore?.())),
|
||
|
|
{ timeout: 30_000, timeoutMsg: 'OpenPencil editor did not initialize' }
|
||
|
|
)
|
||
|
|
const ids = await createNativeLayerFixture()
|
||
|
|
const source = await $(`[data-node-id="${ids.third}"] [data-test-id="layers-item"]`)
|
||
|
|
const target = await $(`[data-node-id="${ids.first}"] [data-test-id="layers-item"]`)
|
||
|
|
await source.waitForExist()
|
||
|
|
await target.waitForExist()
|
||
|
|
|
||
|
|
await withNativeEventRecorder(async (recorder) => {
|
||
|
|
await recorder.clear()
|
||
|
|
const sourceGeometry = await readElementClientGeometry(
|
||
|
|
`[data-node-id="${ids.third}"] [data-test-id="layers-item"]`
|
||
|
|
)
|
||
|
|
const targetGeometry = await readElementClientGeometry(
|
||
|
|
`[data-node-id="${ids.first}"] [data-test-id="layers-item"]`
|
||
|
|
)
|
||
|
|
await nativeDrag(
|
||
|
|
{
|
||
|
|
x: sourceGeometry.x + Math.round(sourceGeometry.width / 2),
|
||
|
|
y: sourceGeometry.y + Math.round(sourceGeometry.height / 2)
|
||
|
|
},
|
||
|
|
{
|
||
|
|
x: targetGeometry.x + Math.round(targetGeometry.width / 2),
|
||
|
|
y: targetGeometry.y + 2
|
||
|
|
}
|
||
|
|
)
|
||
|
|
await browser.pause(1_000)
|
||
|
|
|
||
|
|
const events = await recorder.read()
|
||
|
|
const order = await readNativeLayerOrder()
|
||
|
|
assert.deepEqual(order, [ids.third, ids.first, ids.second])
|
||
|
|
assert.ok(
|
||
|
|
events.some((event) => event.type === 'pointerdown'),
|
||
|
|
'expected pointerdown'
|
||
|
|
)
|
||
|
|
assert.ok(
|
||
|
|
events.some((event) => event.type === 'dragstart'),
|
||
|
|
'expected dragstart'
|
||
|
|
)
|
||
|
|
assert.ok(
|
||
|
|
events.some((event) => event.type === 'dragover'),
|
||
|
|
'expected dragover'
|
||
|
|
)
|
||
|
|
assert.ok(
|
||
|
|
events.some((event) => event.type === 'drop'),
|
||
|
|
'expected drop'
|
||
|
|
)
|
||
|
|
assert.ok(
|
||
|
|
events.some((event) => event.type === 'dragend'),
|
||
|
|
'expected dragend'
|
||
|
|
)
|
||
|
|
assert.ok(
|
||
|
|
events
|
||
|
|
.filter((event) =>
|
||
|
|
['pointerdown', 'dragstart', 'dragover', 'drop', 'dragend'].includes(event.type)
|
||
|
|
)
|
||
|
|
.every((event) => event.isTrusted),
|
||
|
|
'native drag events should be trusted'
|
||
|
|
)
|
||
|
|
})
|
||
|
|
})
|
||
|
|
})
|