import { moduleWithDocument } from '@simple-dom/dom-test-helper';
import { InsertPosition, Namespace } from '@simple-dom/interface';
import Serializer from '@simple-dom/serializer';
import voidMap from '@simple-dom/void-map';
moduleWithDocument('Serializer', (helper, hooks) => {
let serializer: Serializer;
hooks.beforeEach(() => {
serializer = new Serializer(voidMap);
});
hooks.afterEach(() => {
serializer = undefined as any;
});
QUnit.test('serializes single element correctly', (assert) => {
const { element } = helper;
const actual = serializer.serialize(element('div'));
assert.equal(actual, '');
});
QUnit.test('serializes element with attribute number value correctly', (assert) => {
const { element } = helper;
const actual = serializer.serialize(element('div', {
height: 500,
}));
assert.equal(actual, '');
});
QUnit.test('serializes single void element correctly', (assert) => {
const { element } = helper;
const actual = serializer.serialize(element('img', { src: 'foo' }));
assert.equal(actual, '
');
});
QUnit.test('serializes complex tree correctly', (assert) => {
const { element, fragment, text } = helper;
const actual = serializer.serialize(fragment(
element('div', { id: 'foo' },
element('b', {},
text('Foo & Bar'),
),
text('!'),
element('img', { src: 'foo' }),
),
));
assert.equal(actual, 'Foo & Bar!
');
});
QUnit.test('does not serialize siblings of an element', (assert) => {
const { element } = helper;
const htmlEl = element('html');
const head = element('head');
const body = element('body');
head.appendChild(element('meta', { content: 'foo' }));
head.appendChild(element('meta', { content: 'bar' }));
htmlEl.appendChild(head);
htmlEl.appendChild(body);
let actual = serializer.serialize(head);
assert.equal(actual, '');
actual = serializer.serialize(body);
assert.equal(actual, '');
});
QUnit.test('serializes children but not self', (assert) => {
const { element, fragment, text } = helper;
const actual = serializer.serializeChildren(fragment(
element('div', { id: 'foo' },
element('b', {},
text('Foo & Bar')),
text('!'),
element('img', { src: 'foo' }))).firstChild!);
assert.equal(actual, 'Foo & Bar!');
});
QUnit.test('serializes raw HTML', (assert) => {
const { element, fragment, text } = helper;
let actual = serializer.serialize(fragment(
element('div', { id: 'foo' },
text(''))));
assert.equal(actual, '<p></p>
');
const el = element('div', { id: 'foo' });
// Chrome requires parent to be an element
const parent = element('div', undefined, el);
// serializes a raw
el.insertAdjacentHTML(InsertPosition.beforebegin, 'beforebegin
');
el.insertAdjacentHTML(InsertPosition.afterbegin, 'afterbegin
');
el.insertAdjacentHTML(InsertPosition.beforeend, 'beforeend
');
el.insertAdjacentHTML(InsertPosition.afterend, 'afterend
');
actual = serializer.serializeChildren(parent);
assert.equal(actual, 'beforebegin
afterend
');
});
QUnit.test('svg preserves case', (assert) => {
const { document } = helper;
const svg = document.createElementNS(Namespace.SVG, 'linearGradient');
assert.equal(serializer.serialize(svg), '');
});
});