Default image is not loaded after removing media

We'll need to check if clicking the button triggers the appropriate Redux state changes.

There's some trickiness here (surprise!) because all of the current redux-updating is based on changes to input values, but when an item is removed via media library, this is reflected in the form/ui by removing the correspnding hidden <input /> that represents the selection.

I have some ideas on how to deal with this...

Current MR gets us closer to fixing it. Currently works best when the UI is loaded and the image prop already has media.

It is still buggy when new media is added and then removed. I assume it's because the component is now removed-element aware, but there isn't yet a full equivalent for additions

wim leers → credited f.mazeikis → .

@f.mazeikis re-discovered this same bug. @longwave is going to update the media-library.cy.js e2e test.

During pair (triple?) debugging we discovered that the client-side model never got updated. Our going theory is that the mediaSelection client-side transform added in 📌 Move clientside assumptions about prop form data shape into a series of prop specific transforms Active is not firing when removing an image.

Rebased and added assertions to media-library.cy.js to demonstrate the issue. The canvas starts with a sample image inserted, which we assert correctly, then the Remove button is clicked, which (I believe) should fall back to the example image for the component - but this doesn't happen at the moment so the test fails.