012e625c7c
* feat: add preat-root-fragment implementation of replaceNode * refact: replace render third argument with root fragment * chore: reorder preact root imports * fix: root createRootFragment implementation * chore: fix base.jsx import order * fix: add specs for preact-root-fragment * fix: test ci audit issues * fix: add insert/append methods specs for root-fragment
59 lines
1.7 KiB
JavaScript
59 lines
1.7 KiB
JavaScript
import { h } from 'preact';
|
|
import '@testing-library/jest-dom';
|
|
|
|
import { createRootFragment } from './preact-root-fragment';
|
|
|
|
describe('createRootFragment', () => {
|
|
it('has a child element as replace node', () => {
|
|
const fragment = createRootFragment(
|
|
<div className="parent" />,
|
|
<article>text</article>,
|
|
);
|
|
|
|
expect(fragment.firstChild.type).toBe('article');
|
|
});
|
|
|
|
it('handle multiple nodes', () => {
|
|
const fragment = createRootFragment(<div className="parent" />, [
|
|
<div id="app1" key="1" />,
|
|
<div id="app2" key="2" />,
|
|
]);
|
|
|
|
expect(fragment.firstChild.props.id).toBe('app1');
|
|
expect(fragment.childNodes.length).toBe(2);
|
|
});
|
|
|
|
it('adds fragment to parent context', () => {
|
|
const parent = <div className="parent" />;
|
|
const placeholder = <div className="appXYZ" />;
|
|
|
|
const fragment = createRootFragment(parent, placeholder);
|
|
|
|
expect(parent.__k.firstChild).toBe(fragment.firstChild);
|
|
expect(parent.__k.childNodes.length).toBeGreaterThan(0);
|
|
});
|
|
|
|
it('insertBefore on parent fragment', () => {
|
|
const parent = document.createElement('div');
|
|
parent.className = '#app';
|
|
const child = document.createElement('main');
|
|
|
|
const fragment = createRootFragment(parent, child);
|
|
|
|
const span = document.createElement('span');
|
|
|
|
fragment.insertBefore(span, child.parentNode);
|
|
|
|
expect(parent.children[0].tagName.toLowerCase()).toBe('span');
|
|
});
|
|
|
|
it('appendChild on parent fragment', () => {
|
|
const parent = document.createElement('div');
|
|
const fragment = createRootFragment(parent, <main id="#main" />);
|
|
const p = document.createElement('p');
|
|
|
|
fragment.appendChild(p);
|
|
|
|
expect(parent.childNodes[0].nodeName.toLowerCase()).toBe('p');
|
|
});
|
|
});
|