I think cypress substitution of iframe to placeholder is breaking my test

[ronaldohoch]

Hello Cypress team!
I have a project that uses iframe on it. This project is a webpage builder based on Grapes JS, here is the demo page of it: https://grapesjs.com/demo.html

The blocks on the right column are the components that we use to build the page and the big blank column at left is where iframe stands. So, we drag a block from outside to inside the iframe, this way:

But when we try to use Cypress to test it, the iframe on it has a strange behavior where it doesn't allow to drop the block.
I have a simple test so you can see it...

I'm using the cypress-drag-drop plugin: https://github.com/4teamwork/cypress-drag-drop
This is the code:

describe('My test', () => {
    it('Visit', () => {
        cy.visit('https://grapesjs.com/demo.html');
    })
    it("Should drop",()=>{
        cy.get('.gjs-f-b3').drag('.gjs-frame',{position:"center"});
    });
});

The print of test

Selecting the block.:

Drop it to center of iframe.:

So, i think this placeholder is breaking the test :/

[avgulavani]

Hi @ronaldohoch I have been trying to do the same thing for many days but in vain.
I need to update the drag-and-drop tool based on Grapes JS but things ate not working in the correct direction.
Could you please help me here? Appreciate any leads on this topic.