Drag and drop not working with canvas.

[Samuel Kilada]

Hello,

Let me start off by saying that I love this software. It's really an ingenious way to approach testing and I believe will cut back the amount of time needed for my project if I can get it working.

The issue I am having is capturing a drag event. Using the GoJS diagramming library in javascript, I have a diagram with elements that are draggable, but when you click and drag while recording no change occurs in the diagram. When you release the mouse button Screenster attempts to record the change but nothing actually happened.

Try running a test on this sample page: https://gojs.net/latest/samples/minimal.html

Is there any reason why this might not be working?

Thanks,

-Sam

[Alex Kalinovsky]

Sam,

Let me start off by saying that I love this software. It's really an ingenious way to approach testing and I believe will cut back the amount of time needed for my project if I can get it working.

Thanks!  We are making Screenster better every week so a bunch of new cool features are going to show up in the next month or so, like Continue Recording and Data Driven Testing. Stay tuned! 

The issue I am having is capturing a drag event. Using the GoJS diagramming library in javascript, I have a diagram with elements that are draggable, but when you click and drag while recording no change occurs in the diagram. When you release the mouse button Screenster attempts to record the change but nothing actually happened.

Try running a test on this sample page: https://gojs.net/latest/samples/minimal.html

Is there any reason why this might not be working?

I presume you read this: https://screenster.io/documentation/drag-and-drop-actions-during-recording/

Our team will take a look at those when they get a chance and get back to you. We do offer priority support for customers so if you need faster response you always have that option.

Either way we'll get back to you.

[Samuel Kilada]

Hi Alex,

Thanks for the quick response. Yes, I did see that page. It seems that something about GoJs prevents the drag event from working. Would love to hear back when you get a chance, though there's no immediate need for an answer.

Thanks again,

-Sam

[Samuel Kilada]

Hi Alex,

Just curious if you've had a chance to look into this. I'm guessing it's just one of those things that is outside the capability of what Screenster can do, but I'd love to know for sure. I'm a paying customer now, if that affects anything. :)

Sam

On Tuesday, January 30, 2018 at 11:42:58 AM UTC-8, Alex Kalinovsky wrote:

[Alex Kalinovsky]

Samuel,

Paying customer - that affects everything! :-)  First of all, thank you for your support. This also means that we will treat this as a priority request, and one of our developer will look into this.

Actually, I have just checked out your example. I think it doesn't work in Screenster because your library implemented the chart as HTML canvas, probably with some custom Javascript event listeners.

Screenster drag and drop works for dragging HTML elements, for example like jquery https://jqueryui.com/droppable/

It doesn't mean there is no way to make canvas work in Screenster. It just means we don't support it yet:-) But we'll add a ticket and see what it would take to support this in Screenster.

You can probably work around this already using a Selenium command to send a sequence of Javascript events to canvas that would cause to recognize a "drag and drop". Are you at all familiar with Javascript coding?

--
You received this message because you are subscribed to the Google Groups "Screenster Q&A" group.
To unsubscribe from this group and stop receiving emails from it, send an email to screenster+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

--

Alex Kalinovsky

CEO

703-328-6571

http://agileengine.com

[Samuel Kilada]

Sorry, I accidentally responded directly instead of in this group. Here's my message:

"Thanks for the quick response. Yes I'm very familiar with Javascript. I'm guessing this is going to be tough because GoJs renders its canvas elements in the shadow dom, so if Screenster interacts with elements in the dom only this might be a no go. But I should clarify, I'm not just trying to drag and drop. I believe other basic interactions were not working properly either, correct me if I'm wrong. Just the fact that it's in the shadow dom I think is not playing well with Screenster."

I followed up after a quick test where I concluded that you actually can click elements in the canvas. It's just drag and drop that seems to be the issue at the moment.

To unsubscribe from this group and stop receiving emails from it, send an email to screenster+...@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

[Alex Kalinovsky]

Sam,

Glad to see clicks work.

You are right that we didn't do targeted testing for shadow dom so it may or may not work. Screenster relies on dom to determine element sizes and locations for things like ignore regions and for target elements of actions.

We have it on our todo list so we should be able to give it more attention in a couple of months. As a customer, if you come across a deal breaker let us know and we'll brainstorm solutions together.

To unsubscribe from this group and stop receiving emails from it, send an email to screenster+unsubscribe@googlegroups.com.

For more options, visit https://groups.google.com/d/optout.