import { LegacyUnit } from '@ephox/mcagar';
import { Pipeline, Assertions } from '@ephox/agar';
import Schema from 'tinymce/core/api/html/Schema';
import Serializer from 'tinymce/core/api/html/Serializer';
import DomParser from 'tinymce/core/api/html/DomParser';
import { UnitTest } from '@ephox/bedrock';

UnitTest.asynctest('browser.tinymce.core.html.DomParserTest', function () {
  const success = arguments[arguments.length - 2];
  const failure = arguments[arguments.length - 1];
  const suite = LegacyUnit.createSuite();

  const schema = Schema({ valid_elements: '*[class|title]' });
  const serializer = Serializer({}, schema);
  let parser, root;

  const countNodes = function (node, counter?) {
    let sibling;

    if (!counter) {
      counter = {};
    }

    if (node.name in counter) {
      counter[node.name]++;
    } else {
      counter[node.name] = 1;
    }

    for (sibling = node.firstChild; sibling; sibling = sibling.next) {
      countNodes(sibling, counter);
    }

    return counter;
  };

  schema.addValidChildren('+body[style]');

  suite.test('Parse element', function () {
    let parser, root;

    parser = DomParser({}, schema);
    root = parser.parse('<B title="title" class="class">test</B>');
    LegacyUnit.equal(serializer.serialize(root), '<b class="class" title="title">test</b>', 'Inline element');
    LegacyUnit.equal(root.firstChild.type, 1, 'Element type');
    LegacyUnit.equal(root.firstChild.name, 'b', 'Element name');
    LegacyUnit.deepEqual(
      root.firstChild.attributes, [{ name: 'title', value: 'title' },
      { name: 'class', value: 'class' }],
      'Element attributes'
    );
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'b': 1, '#text': 1 }, 'Element attributes (count)');

    parser = DomParser({}, schema);
    root = parser.parse('  \t\r\n  <SCRIPT>  \t\r\n   a < b > \t\r\n   </S' + 'CRIPT>   \t\r\n  ');
    LegacyUnit.equal(serializer.serialize(root), '<script>  \t\r\n   a < b > \t\r\n   </s' + 'cript>', 'Retain code inside SCRIPT');
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'script': 1, '#text': 1 }, 'Retain code inside SCRIPT (count)');
  });

  suite.test('Whitespace', function () {
    parser = DomParser({}, schema);
    root = parser.parse('  \t\r\n  <B>  \t\r\n   test  \t\r\n   </B>   \t\r\n  ');
    LegacyUnit.equal(serializer.serialize(root), ' <b> test </b> ', 'Redundant whitespace (inline element)');
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'b': 1, '#text': 3 }, 'Redundant whitespace (inline element) (count)');

    parser = DomParser({}, schema);
    root = parser.parse('  \t\r\n  <P>  \t\r\n   test  \t\r\n   </P>   \t\r\n  ');
    LegacyUnit.equal(serializer.serialize(root), '<p>test</p>', 'Redundant whitespace (block element)');
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'p': 1, '#text': 1 }, 'Redundant whitespace (block element) (count)');

    parser = DomParser({}, schema);
    root = parser.parse('  \t\r\n  <SCRIPT>  \t\r\n   test  \t\r\n   </S' + 'CRIPT>   \t\r\n  ');
    LegacyUnit.equal(
      serializer.serialize(root),
      '<script>  \t\r\n   test  \t\r\n   </s' + 'cript>',
      'Whitespace around and inside SCRIPT'
    );
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'script': 1, '#text': 1 }, 'Whitespace around and inside SCRIPT (count)');

    parser = DomParser({}, schema);
    root = parser.parse('  \t\r\n  <STYLE>  \t\r\n   test  \t\r\n   </STYLE>   \t\r\n  ');
    LegacyUnit.equal(serializer.serialize(root), '<style>  \t\r\n   test  \t\r\n   </style>', 'Whitespace around and inside STYLE');
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'style': 1, '#text': 1 }, 'Whitespace around and inside STYLE (count)');

    parser = DomParser({}, schema);
    root = parser.parse('<ul>\n<li>Item 1\n<ul>\n<li>\n \t Indented \t \n</li>\n</ul>\n</li>\n</ul>\n');
    LegacyUnit.equal(
      serializer.serialize(root),
      '<ul><li>Item 1<ul><li>Indented</li></ul></li></ul>',
      'Whitespace around and inside blocks (ul/li)'
    );
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'li': 2, 'ul': 2, '#text': 2 }, 'Whitespace around and inside blocks (ul/li) (count)');

    parser = DomParser({}, Schema({ invalid_elements: 'hr,br' }));
    root = parser.parse(
      '\n<hr />\n<br />\n<div>\n<hr />\n<br />\n<img src="file.gif" data-mce-src="file.gif" />\n<hr />\n<br />\n</div>\n<hr />\n<br />\n'
    );
    LegacyUnit.equal(
      serializer.serialize(root),
      '<div><img src="file.gif" data-mce-src="file.gif" /></div>',
      'Whitespace where SaxParser will produce multiple whitespace nodes'
    );
    LegacyUnit.deepEqual(
      countNodes(root),
      { body: 1, div: 1, img: 1 },
      'Whitespace where SaxParser will produce multiple whitespace nodes (count)'
    );
  });

  suite.test('Whitespace before/after invalid element with text in block', function () {
    parser = DomParser({}, Schema({ invalid_elements: 'em' }));
    root = parser.parse('<p>a <em>b</em> c</p>');
    LegacyUnit.equal(serializer.serialize(root), '<p>a b c</p>');
  });

  suite.test('Whitespace before/after invalid element whitespace element in block', function () {
    parser = DomParser({}, Schema({ invalid_elements: 'span' }));
    root = parser.parse('<p> <span></span> </p>');
    LegacyUnit.equal(serializer.serialize(root), '<p>\u00a0</p>');
  });

  suite.test('Whitespace preserved in PRE', function () {
    parser = DomParser({}, schema);
    root = parser.parse('  \t\r\n  <PRE>  \t\r\n   test  \t\r\n   </PRE>   \t\r\n  ');
    LegacyUnit.equal(serializer.serialize(root), '<pre>  \t\r\n   test  \t\r\n   </pre>', 'Whitespace around and inside PRE');
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'pre': 1, '#text': 1 }, 'Whitespace around and inside PRE (count)');
  });

  suite.test('Whitespace preserved in PRE', function () {
    parser = DomParser({}, schema);
    root = parser.parse('<PRE>  </PRE>');
    LegacyUnit.equal(serializer.serialize(root), '<pre>  </pre>', 'Whitespace around and inside PRE');
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'pre': 1, '#text': 1 }, 'Whitespace around and inside PRE (count)');
  });

  suite.test('Whitespace preserved in SPAN inside PRE', function () {
    parser = DomParser({}, schema);
    root = parser.parse('  \t\r\n  <PRE>  \t\r\n  <span>    test    </span> \t\r\n   </PRE>   \t\r\n  ');
    LegacyUnit.equal(
      serializer.serialize(root),
      '<pre>  \t\r\n  <span>    test    </span> \t\r\n   </pre>',
      'Whitespace around and inside PRE'
    );
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'pre': 1, 'span': 1, '#text': 3 }, 'Whitespace around and inside PRE (count)');
  });

  suite.test('Whitespace preserved in code', function () {
    parser = DomParser({}, schema);
    root = parser.parse('<code>  a  </code>');
    LegacyUnit.equal(serializer.serialize(root), '<code>  a  </code>', 'Whitespace inside code');
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'code': 1, '#text': 1 }, 'Whitespace inside code (count)');
  });

  suite.test('Whitespace preserved in code', function () {
    parser = DomParser({}, schema);
    root = parser.parse('<code>  </code>');
    LegacyUnit.equal(serializer.serialize(root), '<code>  </code>', 'Whitespace inside code');
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'code': 1, '#text': 1 }, 'Whitespace inside code (count)');
  });

  suite.test('Parse invalid contents', function () {
    let parser, root;

    parser = DomParser({}, schema);
    root = parser.parse('<p class="a"><p class="b">123</p></p>');
    LegacyUnit.equal(serializer.serialize(root), '<p class="b">123</p>', 'P in P, no nodes before/after');
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'p': 1, '#text': 1 }, 'P in P, no nodes before/after (count)');

    parser = DomParser({}, schema);
    root = parser.parse('<p class="a">a<p class="b">b</p><p class="c">c</p>d</p>');
    LegacyUnit.equal(
      serializer.serialize(root),
      '<p class="a">a</p><p class="b">b</p><p class="c">c</p><p class="a">d</p>',
      'Two P in P, no nodes before/after'
    );
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'p': 4, '#text': 4 }, 'Two P in P, no nodes before/after (count)');

    parser = DomParser({}, schema);
    root = parser.parse('<p class="a">abc<p class="b">def</p></p>');
    LegacyUnit.equal(serializer.serialize(root), '<p class="a">abc</p><p class="b">def</p>', 'P in P with nodes before');
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'p': 2, '#text': 2 }, 'P in P with nodes before (count)');

    parser = DomParser({}, schema);
    root = parser.parse('<p class="a"><p class="b">abc</p>def</p>');
    LegacyUnit.equal(serializer.serialize(root), '<p class="b">abc</p><p class="a">def</p>', 'P in P with nodes after');
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'p': 2, '#text': 2 }, 'P in P with nodes after (count)');

    parser = DomParser({}, schema);
    root = parser.parse('<p class="a"><p class="b">abc</p><br></p>');
    LegacyUnit.equal(serializer.serialize(root), '<p class="b">abc</p>', 'P in P with BR after');
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'p': 1, '#text': 1 }, 'P in P with BR after (count)');

    parser = DomParser({}, schema);
    root = parser.parse('<p class="a">a<strong>b<span>c<em>d<p class="b">e</p>f</em>g</span>h</strong>i</p>');
    LegacyUnit.equal(
      serializer.serialize(root),
      '<p class="a">a<strong>b<span>c<em>d</em></span></strong></p><p class="b">e</p>' +
      '<p class="a"><strong><span><em>f</em>g</span>h</strong>i</p>',
      'P in P wrapped in inline elements'
    );
    LegacyUnit.deepEqual(
      countNodes(root),
      { 'body': 1, 'p': 3, '#text': 9, 'strong': 2, 'span': 2, 'em': 2 },
      'P in P wrapped in inline elements (count)'
    );

    parser = DomParser({}, schema);
    root = parser.parse('<p class="a">a<p class="b">b<p class="c">c</p>d</p>e</p>');
    LegacyUnit.equal(
      serializer.serialize(root),
      '<p class="a">a</p><p class="b">b</p><p class="c">c</p><p class="b">d</p><p class="a">e</p>',
      'P in P in P with text before/after'
    );
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'p': 5, '#text': 5 }, 'P in P in P with text before/after (count)');

    parser = DomParser({}, schema);
    root = parser.parse('<p>a<ul><li>b</li><li>c</li></ul>d</p>');
    LegacyUnit.equal(serializer.serialize(root), '<p>a</p><ul><li>b</li><li>c</li></ul><p>d</p>', 'UL inside P');
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'p': 2, 'ul': 1, 'li': 2, '#text': 4 }, 'UL inside P (count)');

    parser = DomParser({}, schema);
    root = parser.parse('<table><tr><td><tr>a</tr></td></tr></table>');
    LegacyUnit.equal(serializer.serialize(root), '<table><tr><td>a</td></tr></table>', 'TR inside TD');
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'table': 1, 'tr': 1, 'td': 1, '#text': 1 }, 'TR inside TD (count)');

    parser = DomParser({}, Schema({ valid_elements: 'p,section,div' }));
    root = parser.parse('<div><section><p>a</p></section></div>');
    LegacyUnit.equal(serializer.serialize(root), '<div><section><p>a</p></section></div>', 'P inside SECTION');
    LegacyUnit.deepEqual(countNodes(root), { 'body': 1, 'div': 1, 'section': 1, 'p': 1, '#text': 1 }, 'P inside SECTION (count)');
  });

  suite.test('Remove empty nodes', function () {
    parser = DomParser({}, Schema({ valid_elements: '-p,-span[id]' }));
    root = parser.parse(
      '<p>a<span></span><span> </span><span id="x">b</span><span id="y"></span></p><p></p><p><span></span></p><p> </p>'
    );
    LegacyUnit.equal(serializer.serialize(root), '<p>a <span id="x">b</span><span id="y"></span></p>');
  });

  suite.test('addNodeFilter', function () {
    let parser, result;

    parser = DomParser({}, schema);
    parser.addNodeFilter('#comment', function (nodes, name, args) {
      result = { nodes, name, args };
    });
    parser.parse('text<!--text1-->text<!--text2-->');

    LegacyUnit.deepEqual(result.args, {}, 'Parser args');
    LegacyUnit.equal(result.name, '#comment', 'Parser filter result name');
    LegacyUnit.equal(result.nodes.length, 2, 'Parser filter result node');
    LegacyUnit.equal(result.nodes[0].name, '#comment', 'Parser filter result node(0) name');
    LegacyUnit.equal(result.nodes[0].value, 'text1', 'Parser filter result node(0) value');
    LegacyUnit.equal(result.nodes[1].name, '#comment', 'Parser filter result node(1) name');
    LegacyUnit.equal(result.nodes[1].value, 'text2', 'Parser filter result node(1) value');
  });

  suite.test('addNodeFilter multiple names', function () {
    let parser;
    const results = {};

    parser = DomParser({}, schema);
    parser.addNodeFilter('#comment,#text', function (nodes, name, args) {
      results[name] = { nodes, name, args };
    });
    parser.parse('text1<!--text1-->text2<!--text2-->');

    LegacyUnit.deepEqual(results['#comment'].args, {}, 'Parser args');
    LegacyUnit.equal(results['#comment'].name, '#comment', 'Parser filter result name');
    LegacyUnit.equal(results['#comment'].nodes.length, 2, 'Parser filter result node');
    LegacyUnit.equal(results['#comment'].nodes[0].name, '#comment', 'Parser filter result node(0) name');
    LegacyUnit.equal(results['#comment'].nodes[0].value, 'text1', 'Parser filter result node(0) value');
    LegacyUnit.equal(results['#comment'].nodes[1].name, '#comment', 'Parser filter result node(1) name');
    LegacyUnit.equal(results['#comment'].nodes[1].value, 'text2', 'Parser filter result node(1) value');
    LegacyUnit.deepEqual(results['#text'].args, {}, 'Parser args');
    LegacyUnit.equal(results['#text'].name, '#text', 'Parser filter result name');
    LegacyUnit.equal(results['#text'].nodes.length, 2, 'Parser filter result node');
    LegacyUnit.equal(results['#text'].nodes[0].name, '#text', 'Parser filter result node(0) name');
    LegacyUnit.equal(results['#text'].nodes[0].value, 'text1', 'Parser filter result node(0) value');
    LegacyUnit.equal(results['#text'].nodes[1].name, '#text', 'Parser filter result node(1) name');
    LegacyUnit.equal(results['#text'].nodes[1].value, 'text2', 'Parser filter result node(1) value');
  });

  suite.test('addNodeFilter with parser args', function () {
    let parser, result;

    parser = DomParser({}, schema);
    parser.addNodeFilter('#comment', function (nodes, name, args) {
      result = { nodes, name, args };
    });
    parser.parse('text<!--text1-->text<!--text2-->', { value: 1 });

    LegacyUnit.deepEqual(result.args, { value: 1 }, 'Parser args');
  });

  suite.test('addAttributeFilter', function () {
    let parser, result;

    parser = DomParser({});
    parser.addAttributeFilter('src', function (nodes, name, args) {
      result = { nodes, name, args };
    });
    parser.parse('<b>a<img src="1.gif" />b<img src="1.gif" />c</b>');

    LegacyUnit.deepEqual(result.args, {}, 'Parser args');
    LegacyUnit.equal(result.name, 'src', 'Parser filter result name');
    LegacyUnit.equal(result.nodes.length, 2, 'Parser filter result node');
    LegacyUnit.equal(result.nodes[0].name, 'img', 'Parser filter result node(0) name');
    LegacyUnit.equal(result.nodes[0].attr('src'), '1.gif', 'Parser filter result node(0) attr');
    LegacyUnit.equal(result.nodes[1].name, 'img', 'Parser filter result node(1) name');
    LegacyUnit.equal(result.nodes[1].attr('src'), '1.gif', 'Parser filter result node(1) attr');
  });

  suite.test('addAttributeFilter multiple', function () {
    let parser;
    const results: any = {};

    parser = DomParser({});
    parser.addAttributeFilter('src,href', function (nodes, name, args) {
      results[name] = { nodes, name, args };
    });
    parser.parse('<b><a href="1.gif">a</a><img src="1.gif" />b<img src="1.gif" /><a href="2.gif">c</a></b>');

    LegacyUnit.deepEqual(results.src.args, {}, 'Parser args');
    LegacyUnit.equal(results.src.name, 'src', 'Parser filter result name');
    LegacyUnit.equal(results.src.nodes.length, 2, 'Parser filter result node');
    LegacyUnit.equal(results.src.nodes[0].name, 'img', 'Parser filter result node(0) name');
    LegacyUnit.equal(results.src.nodes[0].attr('src'), '1.gif', 'Parser filter result node(0) attr');
    LegacyUnit.equal(results.src.nodes[1].name, 'img', 'Parser filter result node(1) name');
    LegacyUnit.equal(results.src.nodes[1].attr('src'), '1.gif', 'Parser filter result node(1) attr');
    LegacyUnit.deepEqual(results.href.args, {}, 'Parser args');
    LegacyUnit.equal(results.href.name, 'href', 'Parser filter result name');
    LegacyUnit.equal(results.href.nodes.length, 2, 'Parser filter result node');
    LegacyUnit.equal(results.href.nodes[0].name, 'a', 'Parser filter result node(0) name');
    LegacyUnit.equal(results.href.nodes[0].attr('href'), '1.gif', 'Parser filter result node(0) attr');
    LegacyUnit.equal(results.href.nodes[1].name, 'a', 'Parser filter result node(1) name');
    LegacyUnit.equal(results.href.nodes[1].attr('href'), '2.gif', 'Parser filter result node(1) attr');
  });

  suite.test('Fix orphan LI elements', function () {
    let parser;

    parser = DomParser({}, schema);
    root = parser.parse('<ul><li>a</li></ul><li>b</li>');
    LegacyUnit.equal(serializer.serialize(root), '<ul><li>a</li><li>b</li></ul>', 'LI moved to previous sibling UL');

    parser = DomParser({}, schema);
    root = parser.parse('<li>a</li><ul><li>b</li></ul>');
    LegacyUnit.equal(serializer.serialize(root), '<ul><li>a</li><li>b</li></ul>', 'LI moved to next sibling UL');

    parser = DomParser({}, schema);
    root = parser.parse('<li>a</li>');
    LegacyUnit.equal(serializer.serialize(root), '<ul><li>a</li></ul>', 'LI wrapped in new UL');
  });

  suite.test('Remove empty elements', function () {
    let parser;
    const schema = Schema({ valid_elements: 'span,-a,img' });

    parser = DomParser({}, schema);
    root = parser.parse('<span></span><a href="#"></a>');
    LegacyUnit.equal(serializer.serialize(root), '<span></span>', 'Remove empty a element');

    parser = DomParser({}, Schema({ valid_elements: 'span,a[name],img' }));
    root = parser.parse('<span></span><a name="anchor"></a>');
    LegacyUnit.equal(serializer.serialize(root), '<span></span><a name="anchor"></a>', 'Leave a with name attribute');

    parser = DomParser({}, Schema({ valid_elements: 'span,a[href],img[src]' }));
    root = parser.parse('<span></span><a href="#"><img src="about:blank" /></a>');
    LegacyUnit.equal(
      serializer.serialize(root),
      '<span></span><a href="#"><img src="about:blank" /></a>',
      'Leave elements with img in it'
    );
  });

  suite.test('Self closing list elements', function () {
    let parser, root;
    const schema = Schema();

    parser = DomParser({}, schema);
    root = parser.parse('<ul><li>1<li><b>2</b><li><em><b>3</b></em></ul>');
    LegacyUnit.equal(
      serializer.serialize(root),
      '<ul><li>1</li><li><strong>2</strong></li><li><em><strong>3</strong></em></li></ul>',
      'Split out LI elements in LI elements.'
    );
  });

  suite.test('Remove redundant br elements', function () {
    let parser, root;
    const schema = Schema();

    parser = DomParser({ remove_trailing_brs: true }, schema);
    root = parser.parse(
      '<p>a<br></p>' +
      '<p>a<br>b<br></p>' +
      '<p>a<br><br></p><p>a<br><span data-mce-type="bookmark"></span><br></p>' +
      '<p>a<span data-mce-type="bookmark"></span><br></p>'
    );
    LegacyUnit.equal(
      serializer.serialize(root),
      '<p>a</p><p>a<br />b</p><p>a<br /><br /></p><p>a<br /><br /></p><p>a</p>',
      'Remove traling br elements.'
    );
  });

  suite.test('Replace br with nbsp when wrapped in two inline elements and one block', function () {
    let parser, root;
    const schema = Schema();

    parser = DomParser({ remove_trailing_brs: true }, schema);
    root = parser.parse('<p><strong><em><br /></em></strong></p>');
    LegacyUnit.equal(serializer.serialize(root), '<p><strong><em>\u00a0</em></strong></p>');
  });

  suite.test('Replace br with nbsp when wrapped in an inline element and placed in the root', function () {
    let parser, root;
    const schema = Schema();

    parser = DomParser({ remove_trailing_brs: true }, schema);
    root = parser.parse('<strong><br /></strong>');
    LegacyUnit.equal(serializer.serialize(root), '<strong>\u00a0</strong>');
  });

  suite.test('Don\'t replace br inside root element when there is multiple brs', function () {
    let parser, root;
    const schema = Schema();

    parser = DomParser({ remove_trailing_brs: true }, schema);
    root = parser.parse('<strong><br /><br /></strong>');
    LegacyUnit.equal(serializer.serialize(root), '<strong><br /><br /></strong>');
  });

  suite.test('Don\'t replace br inside root element when there is siblings', function () {
    let parser, root;
    const schema = Schema();

    parser = DomParser({ remove_trailing_brs: true }, schema);
    root = parser.parse('<strong><br /></strong><em>x</em>');
    LegacyUnit.equal(serializer.serialize(root), '<strong><br /></strong><em>x</em>');
  });

  suite.test('Remove br in invalid parent bug', function () {
    let parser, root;
    const schema = Schema({ valid_elements: 'br' });

    parser = DomParser({ remove_trailing_brs: true }, schema);
    root = parser.parse('<br>');
    LegacyUnit.equal(serializer.serialize(root), '', 'Remove traling br elements.');
  });

  suite.test('Forced root blocks', function () {
    let parser, root;
    const schema = Schema();

    parser = DomParser({ forced_root_block: 'p' }, schema);
    root = parser.parse(
      '<!-- a -->' +
      'b' +
      '<b>c</b>' +
      '<p>d</p>' +
      '<p>e</p>' +
      'f' +
      '<b>g</b>' +
      'h'
    );
    LegacyUnit.equal(
      serializer.serialize(root),
      '<!-- a --><p>b<strong>c</strong></p><p>d</p><p>e</p><p>f<strong>g</strong>h</p>',
      'Mixed text nodes, inline elements and blocks.'
    );
  });

  suite.test('Forced root blocks attrs', function () {
    let parser, root;
    const schema = Schema();

    parser = DomParser({ forced_root_block: 'p', forced_root_block_attrs: { class: 'class1' } }, schema);
    root = parser.parse(
      '<!-- a -->' +
      'b' +
      '<b>c</b>' +
      '<p>d</p>' +
      '<p>e</p>' +
      'f' +
      '<b>g</b>' +
      'h'
    );
    LegacyUnit.equal(serializer.serialize(root), '<!-- a -->' +
      '<p class="class1">b<strong>c</strong></p>' +
      '<p>d</p>' +
      '<p>e</p>' +
      '<p class="class1">f<strong>g</strong>h</p>',
      'Mixed text nodes, inline elements and blocks.');
  });

  suite.test('Parse html4 lists into html5 lists', function () {
    let parser, root;
    const schema = Schema();

    parser = DomParser({ fix_list_elements: true }, schema);
    root = parser.parse('<ul><ul><li>a</li></ul></ul><ul><li>a</li><ul><li>b</li></ul></ul>');
    LegacyUnit.equal(
      serializer.serialize(root),
      '<ul><li style="list-style-type: none"><ul><li>a</li></ul></li></ul><ul><li>a<ul><li>b</li></ul></li></ul>'
    );
  });

  suite.test('Parse contents with html4 anchors and allow_html_in_named_anchor: false', function () {
    let parser, root;
    const schema = Schema();

    parser = DomParser({ allow_html_in_named_anchor: false }, schema);
    root = parser.parse('<a name="x">a</a><a href="x">x</a>');
    LegacyUnit.equal(serializer.serialize(root), '<a name="x"></a>a<a href="x">x</a>');
  });

  suite.test('Parse contents with html5 anchors and allow_html_in_named_anchor: false', function () {
    let parser, root;
    const schema = Schema({ schema: 'html5' });

    parser = DomParser({ allow_html_in_named_anchor: false }, schema);
    root = parser.parse('<a id="x">a</a><a href="x">x</a>');
    LegacyUnit.equal(serializer.serialize(root), '<a id="x"></a>a<a href="x">x</a>');
  });

  suite.test('Parse contents with html4 anchors and allow_html_in_named_anchor: true', function () {
    let parser, root;
    const schema = Schema();

    parser = DomParser({ allow_html_in_named_anchor: true }, schema);
    root = parser.parse('<a name="x">a</a><a href="x">x</a>');
    LegacyUnit.equal(serializer.serialize(root), '<a name="x">a</a><a href="x">x</a>');
  });

  suite.test('Parse contents with html5 anchors and allow_html_in_named_anchor: true', function () {
    let parser, root;
    const schema = Schema({ schema: 'html5' });

    parser = DomParser({ allow_html_in_named_anchor: true }, schema);
    root = parser.parse('<a id="x">a</a><a href="x">x</a>');
    LegacyUnit.equal(serializer.serialize(root), '<a id="x">a</a><a href="x">x</a>');
  });

  suite.test('Parse contents with html5 self closing datalist options', function () {
    let parser, root;
    const schema = Schema({ schema: 'html5' });

    parser = DomParser({}, schema);
    root = parser.parse(
      '<datalist><option label="a1" value="b1"><option label="a2" value="b2"><option label="a3" value="b3"></datalist>'
    );
    LegacyUnit.equal(
      serializer.serialize(root),
      '<datalist><option label="a1" value="b1"></option><option label="a2" value="b2"></option>' +
      '<option label="a3" value="b3"></option></datalist>'
    );
  });

  suite.test('Parse inline contents before block bug #5424', function () {
    let parser, root;
    const schema = Schema({ schema: 'html5' });

    parser = DomParser({}, schema);
    root = parser.parse('<b>1</b> 2<p>3</p>');
    LegacyUnit.equal(serializer.serialize(root), '<b>1</b> 2<p>3</p>');
  });

  suite.test('Invalid text blocks within a li', function () {
    let parser, root;
    const schema = Schema({ schema: 'html5', valid_children: '-li[p]' });

    parser = DomParser({}, schema);
    root = parser.parse('<ul><li>1<p>2</p></li><li>a<p>b</p><p>c</p></li></ul>');
    LegacyUnit.equal(serializer.serialize(root), '<ul><li>12</li><li>ab</li><li>c</li></ul>');
  });

  suite.test('Invalid inline element with space before', function () {
    let parser, root;
    const schema = Schema();

    parser = DomParser({}, schema);
    root = parser.parse('<p><span>1</span> <strong>2</strong></p>');
    LegacyUnit.equal(serializer.serialize(root), '<p>1 <strong>2</strong></p>');
  });

  suite.test('Valid classes', function () {
    let parser, root;
    const schema = Schema({ valid_classes: 'classA classB' });

    parser = DomParser({}, schema);
    root = parser.parse('<p class="classA classB classC">a</p>');
    LegacyUnit.equal(serializer.serialize(root), '<p class="classA classB">a</p>');
  });

  suite.test('Valid classes multiple elements', function () {
    let parser, root;
    const schema = Schema({ valid_classes: { '*': 'classA classB', 'strong': 'classC' } });

    parser = DomParser({}, schema);
    root = parser.parse('<p class="classA classB classC"><strong class="classA classB classC classD">a</strong></p>');
    LegacyUnit.equal(serializer.serialize(root), '<p class="classA classB"><strong class="classA classB classC">a</strong></p>');
  });

  suite.test('Pad empty list blocks', function () {
    let parser, root;
    const schema = Schema();

    parser = DomParser({}, schema);
    root = parser.parse('<ul><li></li></ul><ul><li> </li></ul>');
    LegacyUnit.equal(serializer.serialize(root), '<ul><li>\u00a0</li></ul><ul><li>\u00a0</li></ul>');
  });

  suite.test('Pad empty with br', function () {
    const schema = Schema();
    const parser = DomParser({ padd_empty_with_br: true }, schema);
    const serializer = Serializer({ padd_empty_with_br: true }, schema);
    const root = parser.parse('<p>a</p><p></p>');
    LegacyUnit.equal(serializer.serialize(root), '<p>a</p><p><br /></p>');
  });

  suite.test('Pad empty and preffer br on insert', function () {
    let parser, root;
    const schema = Schema();

    parser = DomParser({}, schema);
    root = parser.parse('<ul><li></li><li> </li><li><br /></li><li>\u00a0</li><li>a</li></ul>', { insert: true });
    LegacyUnit.equal(serializer.serialize(root), '<ul><li><br /></li><li><br /></li><li><br /></li><li><br /></li><li>a</li></ul>');
  });

  suite.test('Preserve space in inline span', function () {
    let parser, root;
    const schema = Schema();

    parser = DomParser({}, schema);
    root = parser.parse('a<span> </span>b');
    LegacyUnit.equal(serializer.serialize(root), 'a b');
  });

  suite.test('Bug #7543 removes whitespace between bogus elements before a block', function () {
    const serializer = Serializer();

    LegacyUnit.equal(
      serializer.serialize(DomParser().parse(
        '<div><b data-mce-bogus="1">a</b> <b data-mce-bogus="1">b</b><p>c</p></div>')
      ),
      '<div>a b<p>c</p></div>'
    );
  });

  suite.test('Bug #7582 removes whitespace between bogus elements before a block', function () {
    const serializer = Serializer();

    LegacyUnit.equal(
      serializer.serialize(DomParser().parse(
        '<div>1 <span data-mce-bogus="1">2</span><div>3</div></div>')
      ),
      '<div>1 2<div>3</div></div>'
    );
  });

  suite.test('do not replace starting linebreak with space', function () {
    const serializer = Serializer();

    LegacyUnit.equal(
      serializer.serialize(DomParser().parse(
        '<p>a<br />\nb</p>')
      ),
      '<p>a<br />b</p>'
    );
  });

  suite.test('getAttributeFilters/getNodeFilters', function () {
    const parser = DomParser();
    const cb1 = (nodes, name, args) => {};
    const cb2 = (nodes, name, args) => {};

    parser.addAttributeFilter('attr', cb1);
    parser.addNodeFilter('node', cb2);

    const attrFilters = parser.getAttributeFilters();
    const nodeFilters = parser.getNodeFilters();

    Assertions.assertEq('Should be expected filter', {name: 'attr', callbacks: [cb1] }, attrFilters[attrFilters.length - 1]);
    Assertions.assertEq('Should be extected filter', {name: 'node', callbacks: [cb2] }, nodeFilters[nodeFilters.length - 1]);
  });

  Pipeline.async({}, suite.toSteps({}), function () {
    success();
  }, failure);
});