w0000000000t
'],
87 | },
88 | ],
89 | },
90 | ],
91 | };
92 |
93 | expectAssignablew0000000000t
'],
46 | },
47 | ],
48 | },
49 | ],
50 | };
51 |
52 | const foo = 'woot';
53 | const danger = 'w0000000000t
';
54 |
55 | const result = html`- ${list}
w0000000000t
';
42 | const wow = html`content here`;
96 |
97 | return renderToString(wow)
98 | .should.eventually.equal('![]()
`)
180 | .should.eventually.equal('![]()
');
181 | });
182 |
183 | it('should custom element child', async () => {
184 | const foo = sinon.stub().returns(html`
content here
');
99 | });
100 | });
101 |
102 | describe('tag function', () => {
103 | it('should handle function tag type', async () => {
104 | /** @type {import('..').SimpleRenderableElementFunction} */
105 | const foo = sinon.stub().returns(html`${true}
`)
137 | .should.be.rejectedWith('Invalid render item type: boolean');
138 | });
139 |
140 | it('should throw on invalid child object', async () => {
141 | // @ts-ignore
142 | await renderToString(html`${{ abc: 123 }}
`)
143 | .should.be.rejectedWith('Not an element definition. Missing type in: {"abc":123}');
144 | });
145 |
146 | it('should handle undefined child', async () => {
147 | await renderToString(html`${undefined}
`)
148 | .should.eventually.equal('');
149 | });
150 |
151 | it('should handle null child', async () => {
152 | // @ts-ignore
153 | // eslint-disable-next-line unicorn/no-null
154 | await renderToString(html`${null}
`)
155 | .should.eventually.equal('');
156 | });
157 |
158 | it('should handle text variable child', async () => {
159 | await renderToString(html`${'foo'}
`)
160 | .should.eventually.equal('foo
');
161 | });
162 |
163 | it('should handle text non-variable child', async () => {
164 | await renderToString(html`foo
`)
165 | .should.eventually.equal('foo
');
166 | });
167 |
168 | it('should handle text combined child', async () => {
169 | await renderToString(html`${'foo'} bar
`)
170 | .should.eventually.equal('foo bar
');
171 | });
172 |
173 | it('should handle number child', async () => {
174 | await renderToString(html`${1}
`)
175 | .should.eventually.equal('1
');
176 | });
177 |
178 | it('should handle element child', async () => {
179 | await renderToString(html`<${foo} />
`)
187 | .should.eventually.equal('- ${['foo', 'bar'].flatMap(i => html`
- ${i} `)}
- foo
- bar
${foo}
`)
203 | .should.eventually.equal('${'"bar"'}${'
'}ab&c
`)
240 | .should.eventually.equal('"bar"<div>ab&c
');
241 | });
242 |
243 | it('should not escape raw html given through template literal rawHtml``', async () => {
244 | await renderToString(rawHtml`${'"bar"'}<div>ab&c
`)
245 | .should.eventually.equal('"bar"<div>ab&c
');
246 | });
247 |
248 | it('should not escape raw html given through direct call to rawHtml()', async () => {
249 | await renderToString(rawHtml('"bar"<div>ab&c
'))
250 | .should.eventually.equal('"bar"<div>ab&c
');
251 | });
252 |
253 | it('should support rawHtml() as child content in ordinary html', async () => {
254 | await renderToString(html`${'
'}${rawHtml`
`}${rawHtml('
')}
`)
255 | .should.eventually.equal('<div>
');
256 | });
257 |
258 | it('should correctly enumerate a non-plain object', async () => {
259 | await renderToString(ELEMENT_FIXTURE_WITH_COMPLEX_PROPS)
260 | .should.eventually.equal('');
261 | });
262 |
263 | it('should handle props spread', async () => {
264 | const props = { foo: 'bar', xyz: 'abc' };
265 | await renderToString(html``)
266 | .should.eventually.equal('');
267 | });
268 |
269 | it('should handle unquoted props', async () => {
270 | await renderToString(html``)
271 | .should.eventually.equal('');
272 | });
273 |
274 | it('should ignore unsupported property types', async () => {
275 | const consoleErrorStub = sinon.stub(console, 'error');
276 |
277 | // @ts-ignore
278 | // eslint-disable-next-line unicorn/no-null
279 | await renderToString(html``)
280 | .should.eventually.equal('');
281 |
282 | consoleErrorStub.should.have.been
283 | .calledTwice
284 | .calledWithExactly('Unexpected prop value type:', 'function').and
285 | .calledWithExactly('Unexpected prop value type:', 'object');
286 | });
287 | });
288 | });
289 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@voxpelli/tsconfig/node18.json",
3 | "files": [
4 | "index.js",
5 | "index.mjs"
6 | ],
7 | "include": [
8 | "lib/**/*",
9 | "test/**/*.js"
10 | ]
11 | }
12 |
--------------------------------------------------------------------------------