-
Notifications
You must be signed in to change notification settings - Fork 1
/
render.js
56 lines (47 loc) · 1.3 KB
/
render.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
import { getQueriesForElement, prettyDOM } from 'dom-testing-library';
export * from 'dom-testing-library';
const mountedContainers = new Set();
export function updateInput(node, value) {
if (node.multiple) {
Array.from(node.children).forEach(v => {
if (value.includes(v.value)) {
v.selected = !v.selected;
}
});
fireEvent.change(node);
return;
}
node.value = value;
fireEvent.input(node);
}
export const render = (
Component,
{ target = document.createElement('div'), ...options } = {}
) => {
document.body.appendChild(target);
const ComponentConstructor = Component.default || Component;
const component = new ComponentConstructor({
...options,
target,
});
mountedContainers.add({ target, component });
return {
component,
target,
// eslint-disable-next-line no-console
debug: (el = document.body) => console.log(prettyDOM(el)),
...getQueriesForElement(document.body),
};
};
const cleanupAtContainer = container => {
const { target, component } = container;
component.$destroy();
/* istanbul ignore else */
if (target.parentNode === document.body) {
document.body.removeChild(target);
}
mountedContainers.delete(container);
};
export const cleanup = () => {
mountedContainers.forEach(cleanupAtContainer);
};