fix: use `getSuggestedQuery` from `@testing-library/dom`

[smeijer]

#113 already implemented this partially. But I noticed that it isn't applied yet in the ResultSuggestions component (the blue buttons on the bottom left)

[marcosvega91]

I'll fix it :)

to do this I think we need to call makeSuggestion function of @testing-library/dom but it is not exported. Do you had another idea? @smeijer

[smeijer]

Wait for this one: testing-library/dom-testing-library#627 😇

[smeijer]

Well, you didn't need to wait long. 😁🎉

[marcosvega91]

Hahahaha ok. I'll update the library and fix the code

[marcosvega91]

Do you have any idea how to solve problem with contentWindow that is null? When I call getSuggestedQuery I have an error because the element is inaccessible.
The target element is taken from iframe. We need a way to replace it with the one from Preview component. Do you have any idea?

[smeijer]

I think we shouldn't be taking it from the iframe. Instead, we can create an in memory div, and simulate the environment there.

The element can be selected with the cssPath.

(from my phone)

const view = document.createElement('div');
view.innerHTML = markup;
const target = view.querySelector(el.cssPath.toString());

const query = getSuggestedQuery(target, 'get', ...