lion/packages/ui/components/helpers/test/renderLitAsNode.test.js
2022-10-31 16:55:07 +01:00

39 lines
1 KiB
JavaScript

import { expect } from '@open-wc/testing';
import { html } from 'lit';
import { renderLitAsNode } from '../renderLitAsNode.js';
describe('renderLitAsNode', () => {
it('should return a matching HTMLElement (Node)', () => {
const el = renderLitAsNode(html`
<div>
<a href="#" target="_blank">Link</a>
Some text: <span>Hello, World</span>
</div>
`);
expect(el).to.be.instanceOf(HTMLElement);
expect(el).dom.to.equal(`
<div>
<a href="#" target="_blank">Link</a>
Some text: <span>Hello, World</span>
</div>
`);
});
it('should only render and return the first (root) node in the template', () => {
const el = renderLitAsNode(html`
<div>
<a href="#" target="_blank">Link</a>
Some text: <span>Hello, World</span>
</div>
<div>Sibling div</div>
`);
expect(el).dom.to.equal(`
<div>
<a href="#" target="_blank">Link</a>
Some text: <span>Hello, World</span>
</div>
`);
});
});