iframe-proxy | Sunbelt Computer Software

189 lines (155 loc) · 6.06 KB
const {DOMParser} = require('linkedom');
const document = (new DOMParser).parseFromString('<html />', 'text/html');
globalThis.document = document;
const {render, html, svg} = require('../cjs');
const {Event} = document.defaultView;
const {body} = document;
const fragment = () => html`<p>1</p><p>2</p>`;
const variousContent = content => html`${content}`;
render(body, html`this is a test`);
render(body, html`this is a ${
  [1, 2].map(n => html`${n}`)
render(body, html`this is a ${
  [1, 2].map(n => svg`${n}`)
(function twice(i) {
  render(body, html`this is a ${
    (i ? [1, 2, 3] : [1, 2]).map(n => svg`${n}`)
  } test`);
  if (i--) twice(i);
render(body, html`this is a ${'test'}`);
render(body, html`this is a ${true}`);
render(body, html`this is a ${1} ${2} ${3}`);
render(body, html`this is a ${1}`);
let div = document.createElement('div');
render(div, html.node`this is a test`);
render(div, html.for(body)`this is a test`);
render(div, html.for(body, 1)`this is a test`);
render(div, () => html.for(body)`this is a test`);
render(div, () => html.for(body, 1)`this is a test`);
(function twice(i) {
  render(div, () => html.for(body)`this is a test`);
  render(div, () => html.for(body, 1)`this is a test`);
  if (i--) twice(i);
let clicked = false;
render(div, html`<div test="${123}" @click=${() => { clicked = true; }} .disabled=${true} .contentEditable=${false} null=${null} />`);
div.firstElementChild.dispatchEvent(new Event('click'));
console.assert(clicked, '@click worked');
clicked = false;
render(div, html`<div test="${123}" onclick=${() => { clicked = true; }} .disabled=${true} .contentEditable=${false} null=${null} />`);
div.firstElementChild.dispatchEvent(new Event('click'));
console.assert(clicked, 'onclick worked');
render(document.createElement('div'), html`<textarea>${'test'}</textarea>`);
render(document.createElement('div'), html`<style>${'test'}</style>`);
const sameWire = content => html`<div>${content}</div>`;
render(div, sameWire([fragment()]));
render(div, sameWire([]));
render(div, sameWire([fragment()]));
render(div, html`<style>${'text only'}</style>`);
render(div, variousContent([
  html`<p />`,
  html`<p />`
render(div, variousContent([
  html`<p />`,
  html`<p />`,
  html`<p />`
render(div, variousContent([
  html`<p />`
render(div, html`<style>${html`text only`}</style>`);
render(div, variousContent('text'));
render(div, variousContent(null));
render(div, variousContent(void 0));
render(div, variousContent([true]));
render(div, variousContent([1]));
render(div, variousContent(['one']));
const reference = {};
render(div, html`<div ref=${reference}>test</div>`);
console.assert(reference.hasOwnProperty('current'));
const fnReference = node => { fnReference.node = node; };
render(div, html`<div ref=${fnReference}>test</div>`);
console.assert(fnReference.node === div.firstElementChild);
const withHandler = handler => html`<div onClick=${handler} />`;
render(div, withHandler(Object));
render(div, withHandler(Object));
render(div, withHandler(String));
render(div, withHandler(null));
render(div, withHandler([Object, false]));
const withAttribute = value => html`<div test=${value} />`;
render(div, withAttribute(null));
render(div, withAttribute('test'));
render(div, withAttribute('test'));
render(div, withAttribute(null));
render(div, withAttribute('test'));
const withText = value => html`<textarea>${value}</textarea>`;
render(div, withText('test'));
render(div, withText('test'));
render(div, withText(null));
render(div, withText('test'));
render(div, html`${document.createDocumentFragment()}`);
const wire1 = html`<p /><p />`;
const wire2 = html`<div /><div />`;
const wire = what => html`${what}`;
render(div, wire([wire1, fragment(), wire2]));
render(div, wire([wire2, fragment(), wire1]));
render(div, html`<two /><holes />`);
render(div, html`<one />`);
  render(div, html`<p test="is ${'really'} broken" ${"isn't it"}></p>`);
  console.assert(false, 'broken template is not breaking');
} catch (OK) {}
render(div, sameWire('test'));
render(div, sameWire('test'));
render(div, sameWire(document.createElement('p')));
const sameAttribute = value => html`<div test=${value} />`;
render(body, sameAttribute(1));
render(body, sameAttribute(null));
render(body, sameAttribute(null));
render(body, sameAttribute(2));
render(body, sameAttribute(3));
render(body, html`<p><!--nope--></p><p>${'hole'}</p>`);
render(body, html`<h1>${{no: "op"}}</h1>`);
render(body, html`<h1>test</h1>`);
render(body, html`<h2>test</h2><h3>test</h3>`);
render(body, html`${fragment()}`);
render(body, html`${fragment()}`);
render(body, html`${[fragment()]}`);
render(body, html`<h1 data-test="${123}">${'content'}</h1>`);
render(body, html`<div test="${123}" onclick=${() => {}} .disabled=${true} .contentEditable=${false} null=${null} />`);
render(body, variousContent([
  html`<p />`,
  html`<p />`
render(body, variousContent([
  html`<p />`,
  html`<p />`,
  html`<p />`
render(body, variousContent([
  html`<p />`
render(body, html`<div aria=${{role: 'button', labelledBy: 'id'}} />`);
console.assert(body.firstElementChild.getAttribute('role') === 'button', 'aria=${role}');
console.assert(body.firstElementChild.getAttribute('aria-labelledBy') === 'id', 'aria=${labelledBy}');
render(body, html`<div .dataset=${{labelledBy: 'id'}} />`);
console.assert(body.firstElementChild.dataset.labelledBy === 'id', '.dataset=${...}');
render(body, html`<div ?thing=${1} />`);
console.assert(body.firstElementChild.getAttribute('thing') === '', '?thing=${truthy}');
render(body, html`<div ?thing=${0} />`);
console.assert(!body.firstElementChild.hasAttribute('thing'), '?thing=${falsy}');
// cover importNode
delete require.cache[require.resolve('../cjs/handlers.js')];
delete require.cache[require.resolve('../cjs/node.js')];
delete require.cache[require.resolve('../cjs/rabbit.js')];
delete require.cache[require.resolve('../cjs')];
const importNode = document.importNode;
document.importNode = function () {
  return importNode.apply(this, arguments);
const uhtml = require('../cjs');
uhtml.render(body, uhtml.html`<last test=${123}>${456}</last>`);
Sunbelt Computer Software

PL/B Language Development and Support

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Sunbelt Computer Software

PL/B Language Development and Support

FilesExpand file tree

coverage.js

Latest commit

History

coverage.js

File metadata and controls
