`;
- assert(deepEqual(tokens, expectedTokens), stringifyTokens(tokens));
+ assert.deepEqual([...tokens], expectedTokens, stringifyTokens(tokens));
});
});
-describe('errors', () => {
- it('throws when markup after end tag cannot be parsed', () => {
+suite('errors', () => {
+ test('throws when markup after end tag cannot be parsed', () => {
const callback = () => htmlol`<`;
- const expectedMessage = '[#110]';
- assertThrows(callback, expectedMessage, { startsWith: true });
+ const expectedMessage = 'Error: [#110]';
+ assert.throws(callback, new RegExp('^' + RegExp.escape(expectedMessage)));
});
- it('throws when attempting non-trivial interpolation of a textarea tag (preceding space)', () => {
+ test('throws when attempting non-trivial interpolation of a textarea tag (preceding space)', () => {
const callback = () => html``;
- const expectedMessage = '[#155]';
- assertThrows(callback, expectedMessage, { startsWith: true });
+ const expectedMessage = 'Error: [#155]';
+ assert.throws(callback, new RegExp('^' + RegExp.escape(expectedMessage)));
});
- it('throws when attempting non-trivial interpolation of a textarea tag (succeeding space)', () => {
+ test('throws when attempting non-trivial interpolation of a textarea tag (succeeding space)', () => {
const callback = () => html``;
- const expectedMessage = '[#155]';
- assertThrows(callback, expectedMessage, { startsWith: true });
+ const expectedMessage = 'Error: [#155]';
+ assert.throws(callback, new RegExp('^' + RegExp.escape(expectedMessage)));
});
- it('throws when attempting non-trivial interpolation of a textarea tag', () => {
+ test('throws when attempting non-trivial interpolation of a textarea tag', () => {
const callback = () => html``;
- const expectedMessage = '[#155]';
- assertThrows(callback, expectedMessage, { startsWith: true });
+ const expectedMessage = 'Error: [#155]';
+ assert.throws(callback, new RegExp('^' + RegExp.escape(expectedMessage)));
});
- it('throws when attempting non-trivial interpolation of a textarea tag via nesting', () => {
+ test('throws when attempting non-trivial interpolation of a textarea tag via nesting', () => {
const callback = () => html``;
- const expectedMessage = '[#155]';
- assertThrows(callback, expectedMessage, { startsWith: true });
+ const expectedMessage = 'Error: [#155]';
+ assert.throws(callback, new RegExp('^' + RegExp.escape(expectedMessage)));
});
- it('throws when attempting non-trivial interpolation of a textarea tag via nesting', () => {
+ test('throws when attempting non-trivial interpolation of a textarea tag via nesting', () => {
const callback = () => html``;
- const expectedMessage = '[#155]';
- assertThrows(callback, expectedMessage, { startsWith: true });
+ const expectedMessage = 'Error: [#155]';
+ assert.throws(callback, new RegExp('^' + RegExp.escape(expectedMessage)));
});
- it('throws when interpolation of a textarea is at the end of the template', () => {
+ test('throws when interpolation of a textarea is at the end of the template', () => {
const callback = () => html``;
- const expectedMessage = '[#155]';
- assertThrows(callback, expectedMessage, { startsWith: true });
+ const expectedMessage = 'Error: [#155]';
+ assert.throws(callback, new RegExp('^' + RegExp.escape(expectedMessage)));
});
- it('throws for declarative shadow root / shadowrootmode', () => {
+ test('throws for declarative shadow root / shadowrootmode', () => {
const callback = () => htmlol``;
- const expectedMessage = '[#156]';
- assertThrows(callback, expectedMessage, { startsWith: true });
+ const expectedMessage = 'Error: [#156]';
+ assert.throws(callback, new RegExp('^' + RegExp.escape(expectedMessage)));
});
- it('throws for missing closing quote at end of template', () => {
+ test('throws for missing closing quote at end of template', () => {
const callback = () => htmlol`Gotta double-quote those.`;
- const expectedMessage = '[#125] Invalid tag attribute interpolation (must use kebab-case names and double-quoted values).\nSee substring `not-ok=`.\nYour HTML was parsed through: `
{
+ test('template with two lines', () => {
const callback = () => html`
Gotta double-quote those.
`;
- const expectedMessage = '[#125] Invalid tag attribute interpolation (must use kebab-case names and double-quoted values).\nSee substring `not-ok=\'`.\nYour HTML was parsed through: `\n
{
+ test('template with three lines', () => {
const callback = () => html`
Gotta double-quote those.
`;
- const expectedMessage = '[#126] Invalid tag property interpolation (must use kebab-case names and double-quoted values).\nSee substring `.notOk=`.\nYour HTML was parsed through: `\n \n \n
{
+suite('validate', () => {
// For simple validation purposes — a noop “onToken” can be provided.
const onToken = () => {};
// eslint-disable-next-line no-shadow
const html = strings => XParser.parse(strings, onToken);
- it('basic templates work', () => {
+ test('basic templates work', () => {
html`
`;
};
@@ -163,7 +147,7 @@ describe('html rendering', () => {
// Unlike a NodeList, a NamedNodeMap (i.e., “.attributes”) is not technically
// ordered in any way. This test just confirms that the template engine logic
// doesn’t get confused in any way post-parse.
- it('renders elements with many attributes in a weird order', () => {
+ test('renders elements with many attributes in a weird order', () => {
const getTemplate = ({
property1,
z99,
@@ -227,7 +211,7 @@ describe('html rendering', () => {
assert(target.textContent.trim() === 'influencing');
});
- it('renders multiple, interpolated content', () => {
+ test('renders multiple, interpolated content', () => {
const container = document.createElement('div');
render(container, html`
@@ -868,7 +852,7 @@ describe('html rendering', () => {
});
// TODO: #254: Uncomment “moves” lines when we leverage “moveBefore”.
- it('native map does not cause disconnectedCallback on prefix removal', () => {
+ test('native map does not cause disconnectedCallback on prefix removal', () => {
let connects = 0;
// let moves = 0;
let disconnects = 0;
@@ -915,7 +899,7 @@ describe('html rendering', () => {
});
// TODO: #254: Uncomment “moves” lines when we leverage “moveBefore”.
- it('native map does not cause disconnectedCallback on suffix removal', () => {
+ test('native map does not cause disconnectedCallback on suffix removal', () => {
let connects = 0;
// let moves = 0;
let disconnects = 0;
@@ -962,7 +946,7 @@ describe('html rendering', () => {
});
// TODO: #254: See https://chromestatus.com/feature/5135990159835136.
- it.todo('native map does not cause disconnectedCallback on list shuffle', () => {
+ test.todo('native map does not cause disconnectedCallback on list shuffle', () => {
let connects = 0;
let moves = 0;
let disconnects = 0;
@@ -1009,7 +993,7 @@ describe('html rendering', () => {
});
});
-describe('changing content values', () => {
+suite('changing content values', () => {
// The template engine needs to clear content between cursors if the updater
// changes — it‘d be far too complex to try and allow one updater try and
// take over from a different one.
@@ -1069,64 +1053,64 @@ describe('changing content values', () => {
assert(container.querySelector('#target').textContent === '');
};
- it('can change from undefined content to null content', () => run(toUndefinedContent, toNullContent));
- it('can change from undefined content to text content', () => run(toUndefinedContent, toTextContent));
- it('can change from undefined content to fragment content', () => run(toUndefinedContent, toFragmentContent));
- it('can change from undefined content to array content', () => run(toUndefinedContent, toArrayContent));
- it('can change from undefined content to map content', () => run(toUndefinedContent, toMapContent));
-
- it('can change from null content to undefined content', () => run(toNullContent, toUndefinedContent));
- it('can change from null content to text content', () => run(toNullContent, toTextContent));
- it('can change from null content to fragment content', () => run(toNullContent, toFragmentContent));
- it('can change from null content to array content', () => run(toNullContent, toArrayContent));
- it('can change from null content to map content', () => run(toNullContent, toMapContent));
-
- it('can change from text content to undefined content', () => run(toTextContent, toUndefinedContent));
- it('can change from text content to null content', () => run(toTextContent, toNullContent));
- it('can change from text content to fragment content', () => run(toTextContent, toFragmentContent));
- it('can change from text content to array content', () => run(toTextContent, toArrayContent));
- it('can change from text content to map content', () => run(toTextContent, toMapContent));
-
- it('can change from fragment content to undefined content', () => run(toFragmentContent, toUndefinedContent));
- it('can change from fragment content to null content', () => run(toFragmentContent, toNullContent));
- it('can change from fragment content to text content', () => run(toFragmentContent, toTextContent));
- it('can change from fragment content to array content', () => run(toFragmentContent, toArrayContent));
- it('can change from fragment content to map content', () => run(toFragmentContent, toMapContent));
-
- it('can change from array content to undefined content', () => run(toArrayContent, toUndefinedContent));
- it('can change from array content to null content', () => run(toArrayContent, toNullContent));
- it('can change from array content to text content', () => run(toArrayContent, toTextContent));
- it('can change from array content to fragment content', () => run(toArrayContent, toFragmentContent));
- it('can change from array content to map content', () => run(toArrayContent, toMapContent));
-
- it('can change from map content to undefined content', () => run(toMapContent, toUndefinedContent));
- it('can change from map content to null content', () => run(toMapContent, toNullContent));
- it('can change from map content to text content', () => run(toMapContent, toTextContent));
- it('can change from map content to fragment content', () => run(toMapContent, toFragmentContent));
- it('can change from map content to array content', () => run(toMapContent, toArrayContent));
+ test('can change from undefined content to null content', () => run(toUndefinedContent, toNullContent));
+ test('can change from undefined content to text content', () => run(toUndefinedContent, toTextContent));
+ test('can change from undefined content to fragment content', () => run(toUndefinedContent, toFragmentContent));
+ test('can change from undefined content to array content', () => run(toUndefinedContent, toArrayContent));
+ test('can change from undefined content to map content', () => run(toUndefinedContent, toMapContent));
+
+ test('can change from null content to undefined content', () => run(toNullContent, toUndefinedContent));
+ test('can change from null content to text content', () => run(toNullContent, toTextContent));
+ test('can change from null content to fragment content', () => run(toNullContent, toFragmentContent));
+ test('can change from null content to array content', () => run(toNullContent, toArrayContent));
+ test('can change from null content to map content', () => run(toNullContent, toMapContent));
+
+ test('can change from text content to undefined content', () => run(toTextContent, toUndefinedContent));
+ test('can change from text content to null content', () => run(toTextContent, toNullContent));
+ test('can change from text content to fragment content', () => run(toTextContent, toFragmentContent));
+ test('can change from text content to array content', () => run(toTextContent, toArrayContent));
+ test('can change from text content to map content', () => run(toTextContent, toMapContent));
+
+ test('can change from fragment content to undefined content', () => run(toFragmentContent, toUndefinedContent));
+ test('can change from fragment content to null content', () => run(toFragmentContent, toNullContent));
+ test('can change from fragment content to text content', () => run(toFragmentContent, toTextContent));
+ test('can change from fragment content to array content', () => run(toFragmentContent, toArrayContent));
+ test('can change from fragment content to map content', () => run(toFragmentContent, toMapContent));
+
+ test('can change from array content to undefined content', () => run(toArrayContent, toUndefinedContent));
+ test('can change from array content to null content', () => run(toArrayContent, toNullContent));
+ test('can change from array content to text content', () => run(toArrayContent, toTextContent));
+ test('can change from array content to fragment content', () => run(toArrayContent, toFragmentContent));
+ test('can change from array content to map content', () => run(toArrayContent, toMapContent));
+
+ test('can change from map content to undefined content', () => run(toMapContent, toUndefinedContent));
+ test('can change from map content to null content', () => run(toMapContent, toNullContent));
+ test('can change from map content to text content', () => run(toMapContent, toTextContent));
+ test('can change from map content to fragment content', () => run(toMapContent, toFragmentContent));
+ test('can change from map content to array content', () => run(toMapContent, toArrayContent));
});
-describe('container issues', () => {
- it('throws when given container is not a node', () => {
+suite('container issues', () => {
+ test('throws when given container is not a node', () => {
const callback = () => render({}, html``);
- const expectedMessage = 'Unexpected non-node render container "[object Object]".';
- assertThrows(callback, expectedMessage);
+ const expectedMessage = 'Error: Unexpected non-node render container "[object Object]".';
+ assert.throws(callback, new RegExp('^' + RegExp.escape(expectedMessage) + '$'));
});
});
-describe('value issues', () => {
- describe('native array', () => {
- it('throws for list with non-template value for array item', () => {
+suite('value issues', () => {
+ suite('native array', () => {
+ test('throws for list with non-template value for array item', () => {
const callback = () => render(document.createElement('div'), html`
${[null].map(item => item ? html`
${item}
` : null)}
`);
- const expectedMessage = 'Unexpected non-template value found in array item at 0 "null".';
- assertThrows(callback, expectedMessage);
+ const expectedMessage = 'Error: Unexpected non-template value found in array item at 0 "null".';
+ assert.throws(callback, new RegExp('^' + RegExp.escape(expectedMessage) + '$'));
});
- it('throws for list with non-template value on re-render', () => {
+ test('throws for list with non-template value on re-render', () => {
const getTemplate = ({ items }) => {
return html`
@@ -1137,35 +1121,35 @@ describe('value issues', () => {
const container = document.createElement('div');
render(container, getTemplate({ items: ['foo'] }));
const callback = () => render(container, getTemplate({ items: [null] }));
- const expectedMessage = 'Unexpected non-template value found in array item at 0 "null".';
- assertThrows(callback, expectedMessage);
+ const expectedMessage = 'Error: Unexpected non-template value found in array item at 0 "null".';
+ assert.throws(callback, new RegExp('^' + RegExp.escape(expectedMessage) + '$'));
});
- it('throws for list with empty map entry', () => {
+ test('throws for list with empty map entry', () => {
const callback = () => render(document.createElement('div'), html`
${[[]]}
`);
- const expectedMessage = 'Unexpected entry length found in map entry at 0 with length "0".';
- assertThrows(callback, expectedMessage);
+ const expectedMessage = 'Error: Unexpected entry length found in map entry at 0 with length "0".';
+ assert.throws(callback, new RegExp('^' + RegExp.escape(expectedMessage) + '$'));
});
- it('throws for list with non-string key in a map entry', () => {
+ test('throws for list with non-string key in a map entry', () => {
const callback = () => render(document.createElement('div'), html`
${[[1, html``]]}
`);
- const expectedMessage = 'Unexpected non-string key found in map entry at 0 "1".';
- assertThrows(callback, expectedMessage);
+ const expectedMessage = 'Error: Unexpected non-string key found in map entry at 0 "1".';
+ assert.throws(callback, new RegExp('^' + RegExp.escape(expectedMessage) + '$'));
});
- it('throws for list with duplicated key in a map entry', () => {
+ test('throws for list with duplicated key in a map entry', () => {
const callback = () => render(
document.createElement('div'),
html`
${[['1', html``], ['2', html``], ['1', html``]]}
`,
);
- const expectedMessage = 'Unexpected duplicate key found in map entry at 2 "1".';
- assertThrows(callback, expectedMessage);
+ const expectedMessage = 'Error: Unexpected duplicate key found in map entry at 2 "1".';
+ assert.throws(callback, new RegExp('^' + RegExp.escape(expectedMessage) + '$'));
});
- it('throws for list with non-template values in a map entry', () => {
+ test('throws for list with non-template values in a map entry', () => {
const callback = () => render(document.createElement('div'), html`
${[['1', null]]}
`);
- const expectedMessage = 'Unexpected non-template value found in map entry at 0 "null".';
- assertThrows(callback, expectedMessage);
+ const expectedMessage = 'Error: Unexpected non-template value found in map entry at 0 "null".';
+ assert.throws(callback, new RegExp('^' + RegExp.escape(expectedMessage) + '$'));
});
});
});
diff --git a/x-test.config.js b/x-test.config.js
new file mode 100644
index 0000000..748cee7
--- /dev/null
+++ b/x-test.config.js
@@ -0,0 +1,11 @@
+export default {
+ url: 'http://127.0.0.1:8080/test/',
+ client: 'puppeteer',
+ browser: 'chromium',
+ coverage: true,
+ coverageGoals: {
+ './x-element.js': { lines: 100 },
+ './x-parser.js': { lines: 100 },
+ './x-template.js': { lines: 100 },
+ },
+};